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事件之后，我注意到在调用loadComplete之前调用了gridComplete。

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的评论，我将使用自定义格式化程序。但是，fomratter的结果不适用于此列所用的组头。如果我设置groupColumnShow：[true]，列的数据都是正确的，但仍然将组头保留为'undefined'

遵循网格定义：

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:"&nbsp;"}},

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

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

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

              {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之间存在细微差别，但在网格包含后，两者都会被称为。因此，您不能只修改data的{{1}}来更改网格包含。

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

为什么在gridComplete之前loadComplete会触发？

1 个答案: