2011-07-08 17 views
2

次のjson文字列を読み込むためにjqGridを使いたいと思います。私は 'id'のための一つの列、連結されたmyarrayのすべての内容のための一つの列と 'num'のための一つの列を持つグリッドにjsonを表示したいと思います。これはどうすればいいですか?私はしばらくの間試しています。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' 
});