zoukankan      html  css  js  c++  java
  • .NET 条件查询实现--类似网上商城宝贝搜索

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

    大致实现的效果图:

    aa

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

    淘宝效果:QQ截图20140307095253

    实际效果:QQ截图20140307095102

    如何实现:

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

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

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

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

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

  • 相关阅读:
    Java:线程的六种状态及转化
    Java:多线程概述与创建方式
    小白学Java:RandomAccessFile
    如何用IDEA开启断言
    如何通过IDEA添加serialVersionUID
    小白学Java:I/O流
    更改IDEA相对路径
    小白学Java:File类
    小白学Java:内部类
    Leetcode数组题*3
  • 原文地址:https://www.cnblogs.com/jlcoder/p/3585958.html
Copyright © 2011-2022 走看看