Question

我需要帮助才能使用过滤器工具栏下拉列表对jqgrid数据进行范围选择 - 我检查了它只有的sopt选项 -

['equal','not equal', 'less', 'less or equal','greater','greater or equal', 'begins with','does not begin with','is in','is not in','ends with','does not end with','contains','does not contain']

我无法在工具栏上找到关于如何使用此范围的任何线索。我的过滤器工具栏上有一个类似"All", "1-4", "5-9"的值的下拉列表，当我选择说'1-4'时，我希望网格填充属于该范围的所有行。我查看了一堆来自stackoverflow和trirand本身的过滤器示例，但它们似乎都是针对搜索框的。我很感激有任何帮助来实现这一目标，谢谢。

Answer 1

我能够根据样本多字样本 - http://www.ok-soft-gmbh.com/jqGrid/MultiwordSearchingToolbar.htm按范围实现此过滤器。大多数代码来自上面提到的样本，只有很小的改动。根据Oleg的反馈进行修改，使其成为le和ge。

    modifySearchingFilter = function (separator) {
            var i, rules, rule, parts, group, str;
            var filters = $.parseJSON(this.p.postData.filters); 
            if(separator != '-')
              return;
            if (filters && typeof filters.rules !== 'undefined' && filters.rules.length > 0) {
                rules = filters.rules;
                for (i = 0; i < rules.length; i++) {
                    rule = rules[i];
                    if (rule.op === 'range') {
                        // Range should only have 2 parts lowerbound and upperbound
                        parts = rule.data.split(separator);
                        if (parts.length == 2) {
                            if (typeof filters.groups === 'undefined') {
                                    filters.groups = [];
                            }
                            group = {
                                groupOp: 'AND',
                                groups: [],
                                rules: []
                            };
                            filters.groups.push(group);
                            // Breaking to 2 rules one le and other ge
                            group.rules.push({
                                        data: (parts[0]),
                                        op: "ge",
                                        field: rule.field
                                    });                             
                            group.rules.push({
                                        data: (parts[1]),
                                        op: "le",
                                        field: rule.field
                                    });                                                                     
                            rules.splice(i, 1);     
                            i--; // to skip i++                             
                        }
                    }
                }
                this.p.postData.filters = JSON.stringify(filters);
            }
        },


 //using range op so that it is not confused with other ops
 setRangeSearchSelect = function(columnName) {
        grid.jqGrid('setColProp', columnName,
        {
           stype: 'select',
           searchoptions: {                                 value:buildRangeSearchSelect(),
                 sopt:['range'],                            
        }
     });
    };

 grid.jqGrid('filterToolbar',  
    {
     stringResult:true, 
     searchOnEnter:true,      
     defaultSearch:"cn", 
     beforeSearch: function () {  
       modifySearchingFilter.call(this, '-');    
     }});

Jqgrid：工具栏搜索选项 - 从下拉列表中选择范围

1 个答案: