jqgrid - 在客户端以编程方式过滤 jqGrid？

Question

有没有办法以编程方式(在 Javascript 中，而不是服务器端)过滤当前显示在 jqGrid 中的数据？所有搜索示例似乎都依赖于使用 jqGrid 自己的搜索 UI，这对我不起作用。例如，我希望能够根据页面上其他地方的用户操作进行过滤。

我在想象类似的东西

jQuery("#grid_id").filter('CategoryID', selectedCategoryID);

其中 CategoryID 是网格中的一列， selectedCategoryID 包含例如用户在选择元素中选择的值。

Answer 1

如果您想先预过滤数据:

$('#myGrid').setGridParam({ data: filtereddataarray }).trigger("reloadGrid");

其中filtereddataarray 只包含您要为此 View 显示的记录

如果您想以编程方式构建过滤器(我主要使用此方法):

var filters = { "groupOp": "AND", "rules": [{ "field": "id", "op": "eq", "data": "9" }, { "field": "amount", "op": "ge", "data": "10" }, { "field": "name", "op": "cn", "data": "do i"}] };

//To filter:
jqGridFilter(filters , $('#myGrid'));

//To reset: 
jqGridFilter(null, $('#myGrid'));

    function jqGridFilter(filtersparam, grid) {
        grid.setGridParam({
            postData: {
                filters: filtersparam
            },
            search: true
        });
        grid.trigger("reloadGrid");
    }