EasyUI使用心得——datagrid的条件查询,过滤
2017-03-24 17:04
776 查看
在页面初始化时加入过滤代码和过滤条件:
datagrid的定义:
这里实现的还有两种过滤方式,官方文档中还有更多。。。
EasyUI官方demo
dg.datagrid('enableFilter', [{ field:'docTypeName', type:'combobox', options:{ panelHeight:'auto', data:[{value:'{这是查询时候的value值}',text:'查询的时候显示的文本内容'},{value:'',text:''}], onChange:function(value){ if (value == ''){ dg.datagrid('removeFilterRule', 'docTypeName'); } else { dg.datagrid('addFilterRule', { field: 'docTypeName', op: 'equal', value: value }); } dg.datagrid('doFilter'); } } },{ field:'fontType', type:'textbox', options:{precision:1}, op:['equal','notequal','less','greater'] } ]);
datagrid的定义:
<table id="dg" title="水印配置信息" class="easyui-datagrid" style="width:100%;height:auto" pagination="true" url='获取的url' remoteFilter="true" pageSize="20" rownumbers="true" fitColumns="true" singleSelect="true"> <thead> <tr> <th field="id" hidden="true"></th> //这里继续写你的所有列 </tr> </thead> </table>
这里实现的还有两种过滤方式,官方文档中还有更多。。。
EasyUI官方demo
相关文章推荐
- EasyUI使用心得——datagrid的条件查询的中文化
- EasyUI使用心得——datagrid的查询功能和SubGrid冲突导致分页无效问题
- ASP.NET使用EasyUI-DataGrid + ashx + JQuery Ajax:实现数据的增删查改,查询和分页!
- easyui datagrid列使用按钮的一些心得 .
- easyui的datagrid的带条件查询
- EasyUi中datagrid使用心得
- easyui之 datagrid 多条件搜索、查询
- HQL查询-分页-条件-连接-过滤使用
- [EasyUI系列]EasyUI datagrid多条件查询实现
- EasyUI datagrid 的多条件查询
- 【超易忘重点】EasyUI【提交条件查询表单】刷新dataGrid只能用datagrid("load",$("formID").serializeJSON() )】reload不行
- easyui 通用的datagrid中如何带有查询条件分页
- 页面加载完成后通过查询条件给easyui datagrid赋值,请求两次,并且值不显示问题
- asp.net 中使用EasyUI Datagrid 加载动态数据分页查询
- jqGrid————使用心得 合计、默认查询条件、自适应、序号等
- 使用easyUi技术的datagrid组件实现条件分页
- easyui datagrid列使用按钮的一些心得(转)
- easyui之 datagrid 多条件搜索、查询
- EasyUI datagrid 多条件查询
- Asp.Net使用Easy UI DataGrid 实现行过滤[行模糊查询数据]