0

我正在使用这个演示在 JqGrid 的列中显示文本和下拉列表过滤器。网格有一个远程数据源，每次排序、过滤或页面视图等，它都会从远程源获取数据。

我遇到的问题是，当新数据到达时，网格被刷新，过滤器恢复为默认值。我看过 Oleg 博士的几个例子，但我无法让它与远程数据和持久性一起工作。datatypeto"local"或loadonceto的任何设置都会true中断远程数据源。

有没有人知道如何让它发挥作用？

我尝试了以下方法，但正如我所说，这会阻止 JqGrid 发出 API 请求：

loadComplete: function () {
    var $this = $(this);
    var postfilt = $this.jqGrid('getGridParam', 'postData').filters;
    var postsord = $this.jqGrid('getGridParam', 'postData').sord;
    var postsort = $this.jqGrid('getGridParam', 'postData').sidx;
    var postpage = $this.jqGrid('getGridParam', 'postData').page;

    console.log(postfilt);
    console.log(postsord);
    console.log(postsort);
    console.log(postsort);*/

    if ($this.jqGrid("getGridParam", "datatype") === "json") {
        setTimeout(function () {
            $this.jqGrid("setGridParam", {
                datatype: "local",
                postData: { filters: postfilt, sord: postsord, sidx: postsort },
                search: true
            });
            $this.trigger("reloadGrid", [{ page: postpage}]);
        }, 25);
    }
}

我认为这个问题与select2下拉菜单有关。在这里您可以看到它破坏了过滤器菜单并重新创建它。

var options = colModelOptions, p, needRecreateSearchingToolbar = false;
if (options != null) {
    for (p in options) {
        if (options.hasOwnProperty(p)) {
            if (options[p].edittype === "select") {
                options[p].editoptions.dataInit = initSelect2;
            }
            if (options[p].stype === "select") {
                options[p].searchoptions.dataInit = initSelect2;
            }
            $grid.jqGrid("setColProp", p, options[p]);
            if (this.ftoolbar) { // filter toolbar exist
                needRecreateSearchingToolbar = true;
            }
        }
    }
    if (needRecreateSearchingToolbar) {
        $grid.jqGrid("destroyFilterToolbar");
        $grid.jqGrid("filterToolbar", filterToolbarOptions);
    }
}

如果有一种方法可以在每次 JqGrid 加载而不是每次请求时只执行一次，那么这可能是朝着正确方向迈出的一步。

4

1 回答 1

0

答案很简单，只是直到第二天早上才出现在我面前。我只是将构建搜索栏的代码包装在一个布尔检查中，以便它只加载一次。

// somewhere in the class
var gridLoaded = false;

// and in the JqGrid initialization 
loadComplete: function (response) {
    if (!gridLoaded) {
        var options = colModelOptions, p, needRecreateSearchingToolbar = false;
        if (options != null) {
            for (p in options) {
                console.log(p);
                if (options.hasOwnProperty(p)) {
                    if (options[p].edittype === "select") {
                        options[p].editoptions.dataInit = initSelect2;
                    }
                    if (options[p].stype === "select") {
                        options[p].searchoptions.dataInit = initSelect2;
                    }
                    $(this).jqGrid("setColProp", p, options[p]);
                    if (this.ftoolbar) { // filter toolbar exist
                        needRecreateSearchingToolbar = true;
                    }
                }
            }
            if (needRecreateSearchingToolbar) {
                $(this).jqGrid("destroyFilterToolbar");
                $(this).jqGrid("filterToolbar", filterToolbarOptions);
            }
        }
        gridLoaded = true;
    }
}

再次感谢 Oleg 博士的帮助。

于 2013-10-29T08:43:53.133 回答