jqGrid jsonreader

jqGrid是一个流行的jQuery表格插件，它可以用于展示和编辑数据。而jsonreader是它的一个重要配置项，用于指定从服务器返回的JSON数据如何解析成表格中的行和列。

jsonreader有几个可配置的属性，包括：

- root: 指定包含行数据的JSON对象的属性名，默认为"rows"。
- page: 指定当前页码的属性名，默认为"page"。
- total: 指定总页数的属性名，默认为"total"。
- records: 指定总行数的属性名，默认为"records"。
- repeatitems: 指定是否使用相同的属性名重复表示每一列的值，默认为true。

通过配置jsonreader，可以将服务器返回的JSON数据按照指定的格式解析成表格中的行和列，进而实现数据的展示和编辑等功能。

相关问题

jqGrid jsonreader demo

下面是一个简单的jqGrid和jsonreader的demo：

HTML代码：

<table id="myGrid"></table>
<div id="myPager"></div>

JavaScript代码：

$(function () {
    $("#myGrid").jqGrid({
        url: "data.json",
        datatype: "json",
        colNames: ["ID", "姓名", "年龄"],
        colModel: [
            { name: "id", index: "id", width: 50 },
            { name: "name", index: "name", width: 100 },
            { name: "age", index: "age", width: 50 }
        ],
        jsonReader: {
            root: "data",
            page: "page",
            total: "total",
            records: "records",
            repeatitems: false
        },
        rowNum: 10,
        rowList: [10, 20, 30],
        pager: "#myPager",
        sortname: "id",
        viewrecords: true,
        sortorder: "asc",
        caption: "JSON数据展示"
    });
});

其中，data.json文件的内容如下：

{
    "page": 1,
    "total": 2,
    "records": 15,
    "data": [
        { "id": 1, "name": "张三", "age": 18 },
        { "id": 2, "name": "李四", "age": 20 },
        { "id": 3, "name": "王五", "age": 22 },
        { "id": 4, "name": "赵六", "age": 24 },
        { "id": 5, "name": "钱七", "age": 26 },
        { "id": 6, "name": "孙八", "age": 28 },
        { "id": 7, "name": "周九", "age": 30 },
        { "id": 8, "name": "吴十", "age": 32 },
        { "id": 9, "name": "郑一", "age": 18 },
        { "id": 10, "name": "王二", "age": 20 },
        { "id": 11, "name": "李三", "age": 22 },
        { "id": 12, "name": "张四", "age": 24 },
        { "id": 13, "name": "赵五", "age": 26 },
        { "id": 14, "name": "钱六", "age": 28 },
        { "id": 15, "name": "孙七", "age": 30 }
    ]
}

以上代码将服务器返回的data.json文件中的JSON数据解析成表格中的行和列，并展示在页面上。

jqgrid 5.0 jsonReader参数详情

jqGrid 是一个基于jQuery的表格插件。jsonReader 参数用于指定如何读取返回的 JSON 数据并将其呈现在 jqGrid 表格中。在 jqGrid 5.0 中，jsonReader 参数具有以下属性：

1. root: JSON 数据的根元素。默认值为 "rows"。

2. page: 当前页的页码。默认值为 "page"。

3. total: 总页数。默认值为 "total"。

4. records: 总记录数。默认值为 "records"。

5. repeatitems: 指示是否使用相同的字段名来表示每个单元格的值。默认值为 false。

6. cell: JSON 数据中表示每个单元格的元素。默认值为 "cell"。

7. id: 行的唯一标识符。默认值为 "id"。

8. userdata: 表示用户数据的元素。默认值为 "userdata"。

9. subgrid: 表示子表格数据的元素。默认值为 "subgrid"。

10. repeatitems: 指示是否使用相同的字段名来表示每个单元格的值。默认值为 false。

以上是 jqGrid 5.0 中 jsonReader 参数的属性详情。