EasyUI使用心得——datagrid的条件查询，过滤

在页面初始化时加入过滤代码和过滤条件：

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