须要实现的效果:点击表格列头:弹出一个层,用户能够输入当前列头的查询条件,点击肯定以后,把该列头的查询信息显示在页面顶部,用户能够叉掉这个查询条件,恢复到查询以前的数据。css
大体实现的效果图:框架
项目背景:这是客户的要求,说实话在这以前还真没注意到过这样的细节,既然客户有这样的需求,后来想了一下实现起来应该也不会很费事,就答应改了。网站
如何实现:get
一、弹出层这个应该不难,网站都有现成的弹出层js框架,直接拿过来用就好了;it
二、点击肯定,促发的是后台的查询按钮事件,这块能够用Js调用查询按钮的点击事件就能够实现 $("#<%=btnSure.ClientID%>").click();后台
三、在页面顶部显示出查询条件,而且还要能够叉掉,这块主要还得靠css+div+js来实现,(ps:不是专业美工)cli
四、叉掉恢复到查询以前,这个其实就是查询事件,咱们这个在叉掉的同时,把相对应的那个查询文本框清空。淘宝
代码后面有时间再整理上来!