Question

我有一个jqGrid，我启用了本地过滤器/排序功能。我在单击自定义刷新按钮时重新加载网格（从服务器），在我将数据类型设置为JSON后调用.trigger（“reloadGrid”）。重新加载成功，但是当列顶部的某个过滤器字段中存在值时，它将丢失该值。

我想在将值设置为JSON之前保存postData.filters，然后在重新加载后我尝试将新过滤器设置为保存的值，将数据设置为local，然后重新加载网格。

这是我到目前为止所做的：

var previouslySavedFilter;
var p;    

$.subscribe('loadComplete', function(event, data) {
    //Set Grid Attributes
    $("#gridtable").jqGrid('setGridParam', {
        ignoreCase : true
    });

    //Bind events to refresh grid
    $("#gridtable").bind("jqGridAddEditAfterSubmit", function () {
        $(this).jqGrid("setGridParam", {datatype: 'json'});
            return [true];
    });

    $("#refresh_gridtable").bind("click", function(){
        $("#gridtable").jqGrid("setGridParam", {datatype: 'json'});
        return [true];
    });

    //Set Up to Apply Local Filters
    var p = $('#gridtable').jqGrid("getGridParam", "postData");
    var dtype = $('#gridtable').jqGrid("getGridParam", "datatype");

    if (dtype === "json") {
        setTimeout(function () {
            console.log("Value of p on loadComplete: " + JSON.stringify(p.filters));
            console.log("Value of previouslySavedData on loadComplete: " + JSON.stringify(previouslySavedFilter));

            p.filters = previouslySavedFilter; 
            p.search = true;
            $("gridtable").trigger("reloadGrid");
            alert("Hey");
        }, 
        50);
    };
}

function refreshGrid(){
    var p = $('#gridtable').jqGrid("getGridParam", "postData");
    console.log("Value of P in reFreshGrid: " + JSON.stringify(p)); 
    previouslySavedFilter = p.postData.filters;

    $("#gridtable").jqGrid("setGridParam", {datatype: 'json'});
    $("#gridtable").trigger("reloadGrid");
}


<sjg:grid
    id="gridtable"
    navigatorExtraButtons="{
    refresh:{ 
        title:'Refresh', 
        icon:'ui-icon-refresh',
        onclick:refreshGrid
    }
    ...
>

在将数据类型设置为JSON并重新加载网格之前，我不知道如何保存过滤器。上面的代码在控制台中显示“p is undefined”。如果我在重新加载后打印postData（在loadComplete中），那么我可以查看过滤数据。

Answer 1

下面是使用排序/过滤器信息强制网格重新加载的代码。此代码在loadComplete（）的末尾。将数据类型设置为local然后触发重新加载是使网格将排序/过滤器应用于网格的关键（当数据设置为“json”时将重新加载，这将从服务器重新加载网格。）

var dtype = $('#gridtable').jqGrid("getGridParam", "datatype");

if (dtype == 'json'){
    $("#gridtable").jqGrid("setGridParam", {datatype: 'local'});    
    setTimeout(function () {
        p.search = true;
        $("#gridtable").trigger("reloadGrid");
        },0
    );
}

jqGrid在.trigger（“reloadGrid”）之后重新加载过滤器值

1 个答案: