如何使用jqGrid查看静态json?

Kur*_*ehr 3 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,
    },
]
Run Code Online (Sandbox Code Playgroud)

谢谢!-kurt

Piy*_*ana 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" }
            ]
        },
Run Code Online (Sandbox Code Playgroud)

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

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

您的问题演示在这里这里.