2011-07-08 60 views
2

我想用jqGrid加載下面的json字符串。我想在一個網格中顯示json,其中一列用於'id',一列用於連接myarray的所有內容,一列用於'num'。我該怎麼做呢?我一直在嘗試一段時間。jqGrid和JSON數組

{ 
    "id": 6, 
    "urls": [ 
     { 
      "id": 1, 
      "url": { 
       "myarray": [ 
        "array1", 
        "array2", 
        "array3", 
        "array4", 
        "array5", 
        "array6" 
       ], 
       "num": 471 
      } 
     } 
    ] 
} 

回答

4

所有可能不像它看起來那麼困難。

The demo顯示以下網格

enter image description here

並且使用以下代碼

$("#list").jqGrid({ 
    url: 'iphonedevnoob.json', 
    datatype: 'json', 
    colModel: [ 
     { name:'id', width:50, formatter:'int', align:'center' }, 
     { name:'myarray', width:250, jsonmap:"url.myarray", 
      formatter: function (cellvalue) { 
       return cellvalue.join(","); 
      } 
     }, 
     { name:'num', width: 50, formatter:'int', jsonmap:"url.num", align:'center' } 
    ], 
    sortname: 'id', 
    jsonReader: { 
     page: function (obj) { return 1; }, 
     total: function (obj) { return 1; }, 
     records: function (obj) { return obj.urls.length; }, 
     root: 'urls', 
     repeatitems: false 
    }, 
    rowNum: 10000, // no paging 
    gridview:true, 
    viewrecords: true, 
    rownumbers: true, 
    height: "100%", 
    pager: '#pager' 
});