jquery - 如果 loadonce 设置为 true，JQGrid 子网格不会加载

Question

我有一个带有子网格(简单的子网格，而不是网格)的 JQGrid，直到昨天为止都运行良好。然后我发现了强大的标志 loadonce=true，它免费为我提供分页、搜索等功能。但是，由于我启用了加载，一旦子网格停止工作，当我单击加号展开一行时，加载框就会出现并且不会消失。如果我删除 loadonce=true 一切都会按预期工作。这是我的 javascript，提前致谢。

$("#testsTable").jqGrid({
    mtype: "POST",
    url: "GetCurrentStatusServlet",
    datatype: "xml",
    colNames:['Suite', 'Test Case', 'Last Update', 'Status','Actions'],
    colModel:[
              {name:'suite',index:'suite', width:50, sorttype:"int"},
              {name:'name',index:'name', width:300, formatter:nameFmatter},
              {name:'lastupdate',index:'lastupdate', width:150, formatter:"date"},
              {name:'status',index:'status', width:50, formatter: fmt_status,align:"center"},
              {name:'act',index:'act', width:100, align:"left"} 
              ],
              rowNum:150,
              width:1200,
              height:800,
              rowList:[150,300,500],
              pager: $('#pager1'),
              viewrecords: true,
              multiselect: true,
              caption: buildName,
              sortorder: "asc",
              sortname: "suite",
              subGrid: true,
              subGridUrl : "GetCurrentSubGridStatusServlet",
              subGridType: "xml",
              subGridModel: [ {
                  name:  ['Test Method', 'Last Update', 'Status'],
                  width : [250, 200, 100],
                  params: ['name']
              }],
            loadonce: true,
                  gridComplete: function(){
                      var ids = $("#testsTable").jqGrid('getDataIDs');
                      for(var i=0;i < ids.length;i++){
                          var cl = ids[i];

                          var test = new Array();
                          test.push($("#testsTable").getCell(cl, 'name'));
                          run = "<button class=\"runBtn\" onclick=\"runTests('"+test+"')\">Run</>"; 
                          log = "<button class=\"logBtn\" onclick=\";\">Log</>"; 
                          $("#testsTable").jqGrid('setRowData',ids[i],{act:run+log});
                      } 
                      setupButtons();
                  }
});
$("#testsTable").jqGrid('navGrid','#pager1',{add:false,edit:false,del:false});

Answer 1

经过一些调试，我发现你的错误很简单:在你使用的网格中

subGridType: "xml"

而不是正确的

subgridtype: "xml"

(参见the documentation)。因此，未知参数 subGridType 在当前网格中将被忽略，并且将使用 datatype 的值。在使用 loadonce:true 的情况下，在第一次网格加载后，datatype 的值更改为 local。

此外，我建议您使用 unobtrusive JavaScript进行“点击”绑定(bind)。如果网格中有很多行，那么当前的实现会非常慢。请参阅the answer其中描述了更有效的方法。