.NET 条件查询实现--相似网上商城宝贝搜索

须要实现的效果:点击表格列头:弹出一个层,用户能够输入当前列头的查询条件,点击肯定以后,把该列头的查询信息显示在页面顶部,用户能够叉掉这个查询条件,恢复到查询以前的数据。css

大体实现的效果图:框架

aa

项目背景:这是客户的要求,说实话在这以前还真没注意到过这样的细节,既然客户有这样的需求,后来想了一下实现起来应该也不会很费事,就答应改了。网站

淘宝效果:QQ截图20140307095253blog

实际效果:QQ截图20140307095102事件

如何实现:get

一、弹出层这个应该不难,网站都有现成的弹出层js框架,直接拿过来用就好了;it

二、点击肯定,促发的是后台的查询按钮事件,这块能够用Js调用查询按钮的点击事件就能够实现 $("#<%=btnSure.ClientID%>").click();后台

三、在页面顶部显示出查询条件,而且还要能够叉掉,这块主要还得靠css+div+js来实现,(ps:不是专业美工)cli

四、叉掉恢复到查询以前,这个其实就是查询事件,咱们这个在叉掉的同时,把相对应的那个查询文本框清空。淘宝

代码后面有时间再整理上来!

相关文章
相关标签/搜索