为什么loadComplete在gridComplete之前触发？

Question

我试图操纵从loadComplete事件的服务器获取的数据：通过

loadComplete:function(data){ 
    alert("load completed"); 
    $.each (data,function(index,item){ 

    item["customerSite"]=item.header.customerName + '/'+item.header.siteDescription; 
    }); 
} 

新加入的领域，就是要作为一列进行分组不过，我不断收到此列未定义为分组标题。我尝试将另一个字段添加到JSON对象作为常规列，该列结束为空。在我调试的时候，我注意到在loadComplete停止的断点之前构建了网格。

我对loadComplete事件的理解是，只要ajax调用成功返回，它就会被触发。在向我的代码引入gridComplete事件后，我注意到gridComplete在loadComplete被调用之前被调用。

gridComplete: function(){ 
    alert("grid completed"); 
} 

我在做什么错了？我正在使用

  jsonReader: { 
       repeatitems: false, 
       id: "id", 
       root: function (obj) { return obj; }, 
       page: function (obj) { return 1; }, 
       total: function (obj) { return 1; }, 
       records: function (obj) { return obj.length; } 
      } 

来处理返回的JSON字符串，但无法想象这可能是问题。请帮忙！

基于Oleg的评论，我将使用自定义格式化程序。然而，这个列的结果不适用于组头。如果我设置groupColumnShow：[真]，列的数据是正确的，但仍然留下组头被“未定义”

随着电网的定义：

buildGrid:function(){ 
     var myGrid = jQuery("#serverList"); 

     myGrid.jqGrid({ 

     datatype: "json", 
     url: "http://localhost:8080/cm.server/api/v1/agent/config.json?", 
     jsonReader: { 
      repeatitems: false, 
      id: "id", 
      root: function (obj) { return obj; }, 
      page: function (obj) { return 1; }, 
      total: function (obj) { return 1; }, 
      records: function (obj) { return obj.length; } 
     },    
     colNames:['Customer/Site','Customer','Site','Server ID', 'Server Name', ,'id'], 

     colModel :[ 
       {name:'customerSite',editable:false, formatter:that.buildCustmerSite}, 
       {name:'header.customerName',hidden:true,editable:true,editrules:{edithidden:true},editoptions:{readonly:true,size:25},formoptions:{ rowpos:1,elmprefix:" "}}, 

       {name:'header.siteDescription', hidden:true, editable:true,editrules:{edithidden:true},editoptions:{readonly:true,size:25},formoptions:{ rowpos:2,elmprefix:" "}},   

       {name:'header.serverID', index:'header.serverID', width:200, align:'right',editable:true,editoptions:{readonly:true,size:25},formoptions:{ rowpos:3,elmprefix:" "}}, 

       {name:'header.serverName', index:'header.serverName', width:150, align:'right',editable:true,editoptions:{readonly:true,size:25},formoptions:{ rowpos:4,elmprefix:" "}}, 

       {name:'id', hidden:true}, 

      ], 
      height: '500', 
      width: '100%', 
      rowNum:20, 
      autowidth: true, 
      pager: '#pager', 
      sortname: 'serverID', 
      sortorder: "desc", 
      viewrecords: true, 
      caption: 'Server Configurations', 
      editurl:"/cm.server/api/v1/agent/config-grid", 
      autoencode:true, 
      ignoreCase:true, 
      grouping:true, 
      groupingView:{ 
       groupField:['customerSite'], 
       groupColumnShow : [false] 
      } 
      }); 

     jQuery("#serverList").jqGrid('navGrid','#pager', 
     {edit:true,add:false,del:false,search:true}, 
     {height:450,reloadAfterSubmit:true, recreateForm:true,jqModal:true, closeOnEscape:true, closeAfterEdit:true, bottominfo:"Fields marked with (*) are required"}, // edit options 
      {} // search options 
     ); 
     jQuery("#serverList").jqGrid('filterToolbar'); 
     return true; 
    } 

和下面是自定义格式：

buildCustmerSite:function(cellvalue,options,rowObject){ 
    var customerSite =rowObject.header['customerName'] + '/'+ rowObject.header["siteDescription"]; 
    return customerSite; 
} 

Answer 1

有loadComplate和gridComplete之间的微小差异，但两者都将被称为包含准备后电网。因此，您不能修改loadComplate的data以更改网格包含。

你没有发布你的网格的定义，所以很难正确回答你的问题。您可能想要的可以通过custom formatter解决，您可以为customerSite列定义。在格式化程序功能的内部，您可以访问rowObject，您可以在其中找到源信息来构建customerName +'/'+ siteDescription。