无法使用新值重新加载 JGrid

Question

我在 java 中使用 JQuery 和 JGrid。我有一个网格

     <script>
     jQuery("#table1").jqGrid({
     .............. 
     ............ 
     });

我有另一个网格

      function abc {
      var id = firstgridid;
      if(number>0) {
      // working but with the old value
      $("#table2").jqGrid('setGridParam', { url: 'JGridA?action=abc&hidden='+id,page:1}).trigger("reloadGrid");

      JQuery("#table2").jqGrid({
      url:'JGridServlet?action=comm&hidden='+id,
      .............
      });
      }
      </script>

在第二个网格中，我将在第一个网格中选择的 id 的值作为 url 传递。每次我从第一个网格中选择一行时， 在我点击“显示详细信息”按钮后， 函数 abc() 将执行， 应传递 id 并在第二个网格中显示相应的行（id 信息）。

我能够获取所选行的 id，并且能够重新加载第二个网格，但与第二个网格相关的查询正在使用第一次选择的 id。但我需要当前选择的 id。

请帮忙.......

Answer 1

abc函数的代码中至少可以看出两个重要的问题。

第一个是setGridParam before JQuery("#table2").jqGrid({...}); 创建网格的用法。您不能在<table> 上使用setGridParam。像JQuery("#table2").jqGrid({...}); 这样的调用将空的<table id="table2"></table> 元素转换为相对复杂的潜水和表格结构，用于显示网格。所以您应该首先创建网格（将空<table> 隐藏到网格中），然后才能使用setGridParam 或.trigger("reloadGrid") 刷新网格内容。

第二个问题是在函数abc 中使用JQuery("#table2").jqGrid({...});，您多次调用。正如我在调用 JQuery("#table2").jqGrid({...}); 之前所描述的那样，将空的 <table> 转换为网格。所以一个人只能打一次这样的电话一次。对于网格的第二次加载，您应该只使用 setGridParam 和 .trigger("reloadGrid") 来刷新网格内容。

更新：如果您想实现主/细节方案，您可以执行以下操作：

// create master grid
$("#table1").jqGrid({
    datatype: "json",
    url: "masterGridUrl",
    onSelectRow: function (rowid, state) {
        if (state) { // if not the same row was previously selected
            // refresh detail grid
            $("#table2").jqGrid("setGridParam", { datatype: "json"})
                .trigger("reloadGrid", [{page: 1}]);
        }
    },
    ... // another options
});

// create details grid without filling the data initially
$("#table2").jqGrid({
    datatype: "json", // we use "local" instead of "json" to have to request to the server
    url: "JGridA",
    postData: {
        action: "abc",
        hidden: function () {
            // id of currently selected row
            return $("#table1").jqGrid("getGridParam", "selrow");
        }
    },
    ... // other options
});

它将创建主网格“#table1”和空的详细网格“#table2”。在主网格中选择行后，将重新加载详细网格的主体。详细网格向服务器发送两个附加参数：一个静态参数action=abc 和另一个参数hidden，其值为主网格的rowid。

如果您在主网格中使用navGrid，您可以添加beforeRefresh 回调（代码示例参见the answer）。在主网格的beforeRefresh 回调中，您可以为详细网格调用clearGridData。因此，如果您要刷新主网格，则在选择主网格中的行之前，详细网格将为空。