麻煩在jqgrid上顯示json數據和格式

Question

我有一個問題，我需要在jqgrid上顯示json數據。我得到的數據是格式如下：

{"data":{"data":"\tat org.aaa.aaa.aaa.aaa.aaa.aaa(aaa.java:512)[147:org.aaa.aaa.aaa:9.1.1]\n\tat aaa.aaa.aaa.aaa.aaa.aaa(aaa.java:1789)[146:org.aaa:9.1.1]\n"}} 

我的JavaScript來顯示的數據是：

$("#grid").jqGrid({ 
    url: '/getdata', 
     datatype: "json", 
    mtype: "GET", 
    colNames:['data'], 
    colModel:[ 
    {name:'data', index:'data', align:'center'} 
    ], 
    jsonReader : { 
      repeatitems: false, 
     id: "0", 
     cell: "", 
     root: "logs", 
     page: function() { return 1; }, 
     total: function() { return 1; }, 
     records: function(obj) { return obj.length; } 
    }, 
    loadonce: true,  
    viewrecords: true, 
    autowidth: true, 
    multiselect: false, 
    ignoreCase: true, 
    sortable: true, 
    height: 600, 
    rowNum: 999 
}); 

我嘗試了一些組合，但不能得到被顯示在jqGrid的數據與此代碼。 jqgrid顯示一個空表。我想我在這裏失去了一些東西。

我還必須格式化數據，以便每當我們點擊'\ n'時，我們都會將它顯示在新行中。我想我可以在列的格式化程序中使用'addrowdata'來做到這一點。是對的嗎？

任何指針，非常感謝。

感謝，

阿莎

Answer 1

，我不建議你使用addRowData。使用beforeProcessing可以更有效地將從服務器返回的數據修改爲jqGrid可以讀取的格式。可以例如通過\n所述data.data部分割，並填寫相應的項目陣列：

autoencode: true, 
beforeProcessing: function (data) { 
    var items = data.data.data.split("\n"), i, l, item; 
    data.logs = []; 
    for (i = 0, l = items.length; i < l; i++) { 
     item = $.trim(items[i]); 
     if (item.length > 0) { 
      data.logs.push([item]); 
     } 
    } 
} 

我包括的jQuery.trim在上面的代碼的呼叫一開始，以除去不需要的\t或其他空白字符或在每一行的結尾。

我包括另外autoencode: true選項，這是嚴格的推薦，以確保其中包括對HTML特殊字符的文本（如<，>，&等）將被正確的網格內顯示。

另外，你應該改變jsonReader到例如以下

jsonReader: { 
    root: "logs", 
    cell: "", 
    id: function() { 
     return function() { 
      return $.jgrid.randId(); 
     } 
    }, 
    page: function() { return 1; }, 
    total: function() { return 1; }, 
    records: function(obj) { return obj.logs.length; } 
} 

的id的價值似乎棘手，但實現真正生成唯一值，每行的id屬性。

相應的演示你會發現here。