jqGrid和JSON数组

时间:2011-07-08 23:01:47

标签: json jqgrid

我想使用jqGrid加载以下json字符串。我想在网格中显示json,其中一列用于'id',一列用于myarray连接的所有内容,一列用于'num'。我该怎么做呢?我现在已经尝试了一段时间。

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

1 个答案:

答案 0 :(得分: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'
});