javascript - 在客户端通过多个条件过滤 jqGrid

Question

我有一个带有一些记录的 jqGrid，我想根据多个条件过滤记录。

例如，如果有三列，姓名、年龄和城市，我想在以下条件下过滤网格:

Name = "Mark" and Age = 25 and City = 'NY'

下面的代码工作正常-

 var grid = jQuery("#memberDetails");
 var postdata = grid.jqGrid('getGridParam', 'postData');

 var filterArray = new Array();
 var filterConidtion; 

 filterConidtion = new Object();
 filterConidtion.field = "name";
 filterConidtion.op = "eq";
 filterConidtion.data = "Mark";
 filterArray.push(filterConidtion);

 filterConidtion = new Object();
 filterConidtion.field = "Age";
 filterConidtion.op = "eq";
 filterConidtion.data = "25";
 filterArray.push(filterConidtion);

 filterConidtion = new Object();
 filterConidtion.field = "City";
 filterConidtion.op = "eq";
 filterConidtion.data = "NY";
 filterArray.push(filterConidtion);

 jQuery.extend(postdata, {
        filters: {
            "groupOp": "and",
            "rules": filterArray
        }
    });

 grid.jqGrid('setGridParam', {
            search: true,
            postData: postdata
    });

 grid.trigger("reloadGrid", [{
        page: 1
    }]);

但我不确定如何使以下过滤器工作:

Name = "Mark" and Age = 25 and (City = 'NY' OR City = 'FL')

groupOp 在 AND 或 OR 条件下工作，不确定如何在 groupOp 中嵌入子条件

谢谢。

Answer 1

过滤器的格式在the documentation中描述.要实现更复杂的搜索条件，可以使用 filters 的 groups 属性。相应的代码大概是这样的:

var $grid = $("#memberDetails");

$.extend($grid.jqGrid("getGridParam", "postData"), {
    filters: JSON.stringify({
        groupOp: "AND",
        rules: [
            { field: "Name", op: "eq", data: "Mark" },
            { field: "Age",  op: "eq", data: "25" }
        ],
        groups: [
            {
                groupOp: "OR",
                rules: [
                    { field: "City", op: "eq", data: "NY" },
                    { field: "City", op: "eq", data: "FL" }
                ],
                groups: []
            }
        ]
    })
});
$grid.jqGrid("setGridParam", {search: true})
     .trigger('reloadGrid', [{current: true, page: 1}]);