EasyUI-DataGrid Filter Row（可过滤行的数据表格）

这是一个比较有意思的功能，可以方便地实现一定程度的检索排序和过滤功能。对于精细化报表用户体验很有帮助。

导入‘datagrid-filter.js’文件
<script type=”text/javascript” src=”datagrid-filter.js”></script>  

启用过滤
var dg = $(‘#dg’);

dg.datagrid();                // 创建datagrid

dg.datagrid(‘enableFilter’);  // 启用过滤 

属性

下列属性扩展自Datagrid，以下是新增的属性。.

以下是否方法介绍：

1.方法名称：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。
代码示例：
$(‘#dg’).datagrid(‘enableFilter’);
$(‘#dg’).datagrid(‘enableFilter’, [{
field:’listprice’,
type:’numberbox’,
options:{precision:1},
op:[‘equal’,’notequal’,’less’,’greater’]
}]);
2.方法名称：addFilterRule

方法参数：param

添加一个过滤规则。
$(‘#dg’).datagrid(‘addFilterRule’, {
field: ‘desp’,
op: ‘contains’,
value: ‘easyui’
});
3.方法名称：removeFilterRule

方法参数field

远程过滤规则。如果 ‘field’ 参数未指定，将删除所有过滤规则。

4.方法名称：doFilter

方法参数：none

基于一些过滤规则进行过滤。
5.方法名称：getFilterComponent

方法参数：field

根据指定的字段获取过滤组件。

声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-DataGrid Filter Row（可过滤行的数据表格）》
本文地址：http://www.xiupu.net/archives-2633.html
关注公众号：