javascript - 一旦表变空，jQGrid 重新加载就不起作用

Question

我遇到了 jqGrid relaod 的问题。

这就是我所拥有的。

当我的页面加载时，我构建了一个表

  $("#systemPropList").jqGrid(
        {
          url : '${servletPath}/systemProperties.data',
          colNames:['Key Name','Key Value','Description','System Name','Work'],
          colModel : [
                {name:'propertyKey',index:'propertyKey', width:155, align:'center'},
                {name:'propertyValue',index:'propertyValue', width:100, align:'center'},
                {name:'propertyDescription',index:'propertyDescription'},
                {name:'propertySystemName',index:'propertySystemName', width:100, align:'center'},
                {name:'propertyId', sortable:false, width:60, align:'center', formatter:workButtons }
          ],
          sortname: 'propertyKey',
          sortorder: "desc"
        })

我在顶部有一个选择框，用于根据从保管箱中选择的值重新加载此表，并且我已将重新加载绑定(bind)到 onChange。

 $("select[name=systemName]").change(function(obj){
            gridReload();
 });

    function gridReload(){
     $("#systemPropList").setGridParam({"page": 1});
     $("#systemPropList").jqGrid("setGridParam",{postData:{propertySystemName :     $("#systemName option:selected").val()}}).trigger("reloadGrid");
    }

在我选择一个数据可用的选项之前，它工作正常。但是一旦我选择了一个没有任何数据的选项，表格就会变为空，并且即使我更改选择，表格仍然为空。

我通过 firebug 检查没有 JS 错误，重新加载正在正确调用服务器并且服务器正在返回数据。

我错过了什么？

Answer 1

首先，我认为您最好将 postData 与定义为函数的 propertySystemName 一起使用:

postData: {
    propertySystemName: function () {
        return $("#systemName option:selected").val();
    }
}

(有关详细信息，请参阅答案)。之后，您将不需要在 change(或 gridReload)内部重置 propertySystemName。

你可以尝试做以下事情

function gridReload() {
    $("#systemPropList").jqGrid("setGridParam", {lastpage: 1})
        .trigger("reloadGrid", [page: 1]);
}