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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在客户端通过多个条件过滤jqGrid，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1669字，纯文字阅读大概需要3分钟。

内容图文

我有一些带有一些记录的jqGrid,并希望根据多个条件过滤记录.

例如,如果有三列,Name,Age和City,我想在以下条件下过滤网格：

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中嵌入子条件

谢谢.

解决方法:

过滤器的格式在the documentation中描述.要实现更复杂的搜索条件,可以使用过滤器的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}]);

内容总结

以上是互联网集市为您收集整理的javascript – 在客户端通过多个条件过滤jqGrid全部内容，希望文章能够帮你解决javascript – 在客户端通过多个条件过滤jqGrid所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端