jqGrid JSON映射错误

Question

当使用jqGrid和JSON服务器响应时，我似乎遇到了让我的JSON映射正确的问题。

例如，我的服务器响应如下所示：

[ 
    {ID: 'cmp1', Name: 'Name1', Address: 'Address1', Phone: 'Phone1', Agent: 'Agent1', last_trx: 'last_trx1'}, 
    {ID: 'cmp2', Name: 'Name2', Address: 'Address2', Phone: 'Phone2', Agent: 'Agent2', last_trx: 'last_trx2'} 
] 

和我的jqGrid的设置是这样的（本地数据类型和本地数据集用于测试）：

var grid = $('#grid_id'); 
    grid.jqGrid({ 
     datatype: 'local', 
     colNames: ['ID', 'Company Name', 'Location', 'Phone', 'Agent', 'Last Load'], 
     colModel: [ 
      {name: 'ID', index: 'ID', jsonmap: 'ID', width: 75}, 
      {name: 'Company Name', index: 'Name', jsonmap: 'Name', width: 150}, 
      {name: 'Location', index: 'Address', jsonmap: 'Address', width: 150}, 
      {name: 'Phone', index: 'Phone', jsonmap: 'Phone', width: 125, align: 'center'}, 
      {name: 'Agent', index: 'Agent', jsonmap: 'Agent', width: 150}, 
      {name: 'Last Load', index: 'last_trx', jsonmap: 'last_trx', width: 150} 
     ], 
     loadonce: true, 
     shrinkToFit: false, 
     width: 600, 
     rowNum: 20, 
     rowList: [10, 20, 30, 40, 50, 100], 
     repeatitems: false, 
     jsonReader: { repeatitems: false, id: '0' }, 
     pager: '#companies_pager', 
     caption: 'Company List', 
     data: [ 
      {ID: 'cmp1', Name: 'Name1', Address: 'Address1', Phone: 'Phone1', Agent: 'Agent1', last_trx: 'last_trx1'}, 
      {ID: 'cmp2', Name: 'Name2', Address: 'Address2', Phone: 'Phone2', Agent: 'Agent2', last_trx: 'last_trx2'} 
     ] 
    }); 

ID，电话，和Agent都显示出来（因为它们的数据源名称完全相同）。但是，公司名称，位置和最后加载都未显示。我认为使用jsonmap以及jsonReader: { repeatitems: false}允许您为您的JSON对象使用与您的colNames对象不同的名称。

所有帮助将不胜感激。

UPDATE 对不起后期更新。这是代码将如何看待测试。 _data.rows是JSON对象的数组。

var noRecords = $('<div>No results for the entered company name.</div>'); 
     grid.jqGrid({ 
      datatype: 'local', 
      colNames: ['ID', 'Company Name', 'Location', 'Phone', 'Agent', 'Last Load'], 
      colModel: [ 
       {name: 'ID', jsonmap: 'ID', width: 75}, 
       {name: 'Company Name', jsonmap: 'Name', width: 150}, 
       {name: 'Location', jsonmap: 'Address', width: 150}, 
       {name: 'Phone', jsonmap: 'Phone', width: 125, align: 'center'}, 
       {name: 'Agent', jsonmap: 'Agent', width: 150}, 
       {name: 'Last Load', jsonmap: 'last_trx', width: 150} 
      ], 
      loadonce: true, 
      shrinkToFit: false, 
      width: 600, 
      rowNum: 20, 
      rowList: [10, 20, 30, 40, 50, 100], 
      repeatitems: false, 
      jsonReader: { repeatitems: false, id: '0' }, 
      pager: '#companies_pager', 
      caption: 'Company List', 
      loadComplete: function() { 
       if(grid[0].p.reccount === 0) { 
        noRecords.show(); 
       } 
       else { 
        noRecords.hide(); 
       } 
      } 
     }); 
/* Get the list of companies based on the search criteria */ 
function getCompanies() { 
    var company = document.getElementById('company').value; 
    if((company != '') && (company != oldCompany)) { 
     oldCompany = company; 
     myAjax('get', {method: 'getCompanies', a: 'companies', data: company}, callbackGetCompanies); 
    } 
} 
/* Parse the server response */ 
function callbackGetCompanies(_data) { 
    if(_data && _data.message) { 
     if(_data.message == 'true') { 
      grid.jqGrid('clearGridData').jqGrid('setGridParam', {data: _data.rows, page: 1}).trigger('reloadGrid'); 
     } 
     else { 
      dialog(_data.message); 
     } 
    } 
    else { 
     serverError(); 
    } 
} 

Answer 1

你在演示中有更多的问题。

1. 如果使用datatype: 'local'从data参数输入数据将由localReader进行管理，而不是jsonReader。 的repeatitems的值是错误的。所以正确的是使用localReader: { id: 'ID' }。
2. 如果使用datatype: 'local'，则loadonce: true选项将被忽略，因为数据已经是本地数据，不应该从服务器加载一次。
3. 如果使用datatype: 'local'则jsonmap将被忽略。该物业仅在datatype: 'json'或datatype: 'jsonstring'的情况下使用。
4. 如果使用datatype: 'local'值index属性必须为,的值为name属性的值。只有在本地排序将正常工作的情况下。
5. 您不应该在name属性中使用空格' '。没有meta-characters可以在name属性内。

所以你有data阵列中使用name的属性的名称：

colModel: [ 
    {name: 'ID', index: 'ID', width: 75}, 
    {name: 'Name', index: 'Name', width: 150}, 
    {name: 'Address', index: 'Address', width: 150}, 
    {name: 'Phone', index: 'Phone', width: 125, align: 'center'}, 
    {name: 'Agent', index: 'Agent', width: 150}, 
    {name: 'last_trx', index: 'last_trx', width: 150} 
], 
localReader: { id: 'ID' }, 

我看不出有任何理由为什么你应该需要有其他name财产作为输入数据。