一:首行放置搜索元素(可以是easyui中的input、datetimebox、combox等等)

将各个元素的value值获取到存为Json格式(data{a:..,b:..,c:..}),再回车或者确认搜索时将数据提交到后台,提交时可以使用datagride的reload方法$("#dg").datagride('reload',data),后台使用API接收数据([FromBody] value),后台取数据的方法为:var a=value([a]),之后用于作为查询数据的条件

二:使用datagride-filter.js实现过滤

包含 'datagrid-filter.js' 文件

  1. <script type="text/javascript" src="datagrid-filter.js"></script>

启用过滤(Filter)

  1. var dg = $('#dg');
  2. dg.datagrid(); // create datagrid
  3. dg.datagrid('enableFilter'); // enable filter

绑定搜索条件(添加过滤规则)

属性

该属性扩展自数据网格(datagrid),下面是为数据网格(datagrid)添加的属性。

名称 类型 描述 默认值
filterMenuIconCls string 过滤菜单项(指示要使用的项目)的图标 class。 icon-ok
filterBtnIconCls string 过滤按钮的图标 class。 icon-filter
filterBtnPosition string 过滤按钮的位置。可能的值是 'left' 和 'right'。 right
filterPosition string 过滤栏相对于列的位置。可能的值是 'top' 和 'bottom'。 bottom
remoteFilter boolean 设置为 true 则执行远程过滤。
当启用时,'filterRules' 参数将发送到远程服务器。
'filterRules' 参数的值由 'filterStringify' 函数获得。
false
filterDelay number 从 'text' 过滤组件中最后一个键输入事件起,延迟执行过滤的时间。 400
filterRules array 过滤规则的定义。每个规则包含 'field'、'op' 和 'value' 属性。 []
filterStringify function 把过滤规则字符串化的函数。
  1. function(data){
  2. return JSON.stringify(data);
  3. }

方法

下面的方法扩展自数据网格(datagrid)。

名称 参数 描述
enableFilter filters 创建并启用过滤功能。
'filters' 参数是一个过滤配置的数组。
每一项包含下列属性:
1) field:需要定义规则的域。
2) type:过滤类型,可能的值:label、text、textarea、checkbox、numberbox、validatebox、datebox、combobox、combotree。
3) options:过滤类型的选项。
4) op:过滤操作,可能的值:contains、equal、notequal、beginwith、endwith、less、lessorequal、greater、greaterorequal。

代码实例:

  1. $('#dg').datagrid('enableFilter');
  2. $('#dg').datagrid('enableFilter', [{
  3. field:'listprice',
  4. type:'numberbox',
  5. options:{precision:1},
  6. op:['equal','notequal','less','greater']
  7. }]);
addFilterRule param 添加一个过滤规则。

  1. $('#dg').datagrid('addFilterRule', {
  2. field: 'desp',
  3. op: 'contains',
  4. value: 'easyui'
  5. });
removeFilterRule field 移除过滤规则。
如果 'field' 参数未指定,移除所有的过滤规则。
doFilter none 基于过滤规则执行过滤。
getFilterComponent field 在指定的域上获取过滤组件。

转载于:https://www.cnblogs.com/min-min-min/p/5621545.html

dagride实现模糊查询相关推荐

  1. C语言的模糊查询,【C语言如何实现中文模糊查询+急+】

    C语言如何实现中文模糊查询? (急) 2009年02月25 - 我要建立一个生物信息检索系统,如何用C语言实现数据的模糊查询,数据包括中文和英文,请高手指点(最好附上例子或源程序),谢谢! 怎样用c语 ...

  2. like模糊查询是否走索引

    1.模糊查询 后通配 走索引 前通配 走全表 2.where条件用in或or 不会走索引索引的本质是平衡b+数,是为了方便查询的平衡多路查找树 B-Tree相比,B+Tree有以下不同点: 每个节点的 ...

  3. mybaits的模糊查询_mybatis模糊查询防止SQL注入(很详细)

    SQL注入,大家都不陌生,是一种常见的攻击方式.攻击者在界面的表单信息或URL上输入一些奇怪的SQL片段(例如"or '1'='1'"这样的语句),有可能入侵参数检验不足的应用程序 ...

  4. Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中

    功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML>     <HEAD>         < ...

  5. MySQL之模糊查询

    先在MySQL数据库里创建一个表,并添加几条数据: create table student(id char(36) primary key,name varchar(8) not null,age ...

  6. java有模糊查询吗,到底Java里的模糊查询语句该怎么写

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 现在String sql="select * from car where carName like '%'+?+'%'";可以查询出 ...

  7. mybatis3进行模糊查询的总结

    一种直接采用函数进行模糊查询,直接在映射文件中书写对应的like语句. 例如: select * from u_tree ut where ut.node_name like concat(conca ...

  8. mysql中模糊查询的四种用法介绍

    下面介绍mysql中模糊查询的四种用法: 1,%:表示任意0个或多个字符.可匹配任意类型和长度的字符,有些情况下若是中文,请使用两个百分号(%%)表示.  比如 SELECT * FROM [user ...

  9. MySQL模糊查询再也用不着 like+% 了!

    欢迎关注方志朋的博客,回复"666"获面试宝典 前言 我们都知道 InnoDB 在模糊查询数据时使用 "%xx" 会导致索引失效,但有时需求就是如此,类似这样的 ...

最新文章

  1. 网络营销中一旦网站改版需要遵循哪些网络营销原则呢?
  2. SQL Server2008(二)各版本的功能和主要应用范围
  3. 05-Windows Server 2012 R2 会话远程桌面-标准部署-RD连接代理高可用性(RemoteApp)
  4. AdvFlow:一种基于标准化流的黑盒攻击新方法,产生更难被发觉的对抗样本 | NeurIPS‘20
  5. 一次看完28个关于ES的性能调优技巧
  6. SAP UI5 Simple form rendering
  7. Java学习笔记1.2.1 使用Java集成开发环境 - Eclipse
  8. python image.open函数_PIL.Image.open和cv2.imread的比较与相互转换的方法
  9. Assembly.Load,Assembly.LoadFile 与 Assembly.LoadFrom
  10. IOS网络请求的一些需要记录的info设置
  11. adb devices出现no permissions
  12. JMP入门官方文档---发现JMP.pdf---中文版
  13. 公众号排版技巧:如何让你的公众号文章排版变美观?
  14. java 打印字母塔_打印字母塔
  15. c语言实现校园疫情防控系统
  16. 静态页面通过AJAX+asp实现数据查询功能
  17. 毕业生自传--(宝岛海南“三月游”)
  18. 笔记本电脑wlan+开启移动热点+手机转圈圈【已解决】
  19. 华硕服务器主板装系统,华硕主板安装windows11失败?BIOS设置教程
  20. uevent netlink(KOBJECT_UEVENT)

热门文章

  1. 计算机会碰见的英语单词SUPER
  2. 黑客高手对决常用术语及行规,一般人我不告诉他
  3. 某大型企业私有云建设思路解析
  4. 20145209 实验三 《敏捷开发与XP实践》 实验报告
  5. 消息 245,级别 16,状态 1,第 1 行 在将 varchar 值 '2,8' 转换成数据类型 int 时失败。...
  6. poj3342Party at Hali-Bula(树形dp)
  7. Android Shell命令dumpsys
  8. VC 6.0 + SP6 下载 及 安装详细说明
  9. android studio自动注释
  10. AndroidManifest中activity属性设置大全