如何使用jqGrid查看静态json?

时间:2012-08-14 02:23:03

标签: jquery jqgrid

我试图用jqgrid制作一个静态json文件的漂亮视图,并且是javascript的初学者。我创建了一个简化文件,但是当我查看日志时,jqGrid正在尝试在服务器上进行查询。是否可以将jqGrid与静态json一起使用?

我的测试文件:

http://schwehr.org/NGDC_DEMs.json

我在日志中看到了这一点:

http://schwehr.org/NGDC_DEMs.json?_search=false&nd=1344908237004&rows=20&page=1&sidx=&sord=asc

哪个不行。是否可以在浏览器中轻松完成所有这些操作?

该文件真的很无聊:

[
    {
        "title": "Elfin Cove MHHW",
        "demid": 4230,
    },
    {
        "title": "Astoria V2",
        "demid": 4090,
    },
    {
        "title": "South Padre Island",
        "demid": 3984,
    },
]

谢谢! -kurt

1 个答案:

答案 0 :(得分:8)

解决此问题的两种方法。

首先让你的json看起来像这样

var data = {
            "page": "1",
            "records": "3",
            "rows": [
                { "id": "83123a", Name: "Name 1"},//give your column names here
                { "id": "83432a", Name: "Name 3"},
                { "id": "83566a", Name: "Name 2" }
            ]
        },

现在使用use数据类型:“jsonstring”和datastr:data。在这种情况下,您需要添加其他参数jsonReader:{repeatitems:false}。

第二种方法是使用数据类型:“local”和data:data.rows。在这种情况下,localReader将用于从data.rows数组中读取数据。默认的localReader可以读取数据。

您对这些问题的演示有herehere