JQGrid 在标题栏中显示过滤器详细信息

Question

是否可以将当前应用的过滤器参数显示为附加到标题栏中主标题的描述性字符串

即

“客户 - [ Field1 = 'ABC' and Field2 = 'CDE' ]”

找不到可以在应用过滤器后挂钩的事件？

Answer 1

我发现您在搜索后并不需要举办活动。在每次搜索请求时，都会重新加载网格中的数据。因此，您可以使用 beforeRequest、loadBeforeSend、serializeGridData、gridComplete 或 loadComplete 等事件。

从您的标题示例中，我假设您使用“高级搜索”。我只想演示可能的解决方案的主要思想，所以我选择loadComplete 来实现捕获更改：

jQuery('#list').jqGrid({
    // ...
    loadComplete: function(data) {
        var postData = jQuery('#list').getGridParam("postData");
        var newCapture = "Title";
        if (postData._search === true && typeof postData.filters !== "undefined") {
            var filters = jQuery.parseJSON(postData.filters);
            newCapture = "Title: [";
            var rules = filters.rules;
            for (var i=0; i<rules.length; i++) {
                var rule = rules[i];
                var op = rule.op;  // the code name of the operation
                if (jQuery.fn.searchFilter && jQuery.fn.searchFilter.defaults &&
                    jQuery.fn.searchFilter.defaults.operators) {
                    // find op description 
                    var operators = jQuery.fn.searchFilter.defaults.operators;
                    for (var j=0; j<operators.length; j++) {
                        if (operators[j].op === rule.op) {
                            op = operators[j].text;
                            //op = $.jgrid.search.odata[j];
                            break;
                        }
                    }
                }
                newCapture += rule.field + " " + op + " '" + rule.data + "'";
                if (i+1 !== rules.length)
                    newCapture += ", ";
            }
            newCapture += "]";
        }
        jQuery('#list').setCaption(newCapture);
    }
});

如果您不使用“高级搜索”，则应使用searchField、searchOper 和searchString 而不是filters 来根据搜索条件构建网格标题。

目前在示例中我不使用本地化名称进行操作，但很明显可以做到这一点。

Answer 2

尝试挂钩afterShowSearch 事件，您将在其中更新网格标题。来自文档：

每次显示搜索对话框后都会触发此事件（如果已定义）