jqgrid treeReader 详细api
时间: 2023-10-10 09:06:32 浏览: 83
jqgrid详细资料
4星 · 用户满意度95%
jqGrid 提供了一个名为 `treeReader` 的选项,用于设置如何解析树形结构的数据。该选项支持以下属性:
- `level_field`: 指定每个节点的层级字段名。默认值为 `"level"`。
- `parent_id_field`: 指定每个节点的父节点 ID 字段名。默认值为 `"parent"`。
- `leaf_field`: 指定每个节点是否为叶子节点的字段名。默认值为 `"isLeaf"`。
- `expanded_field`: 指定每个节点是否展开的字段名。默认值为 `"expanded"`。
- `loaded`: 指定是否需要延迟加载子节点。默认值为 `false`。
- `icon_field`: 指定每个节点的图标字段名。默认值为 `"icon"`。
- `leaf_icon`: 指定叶子节点的图标。默认值为 `"ui-icon-document"`。
- `expanded_icon`: 指定展开节点的图标。默认值为 `"ui-icon-triangle-1-se"`。
- `collapsed_icon`: 指定折叠节点的图标。默认值为 `"ui-icon-triangle-1-e"`。
使用 `treeReader` 选项时,需要设置 `treeGrid` 选项为 `true`。示例代码如下:
```javascript
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
treeGrid: true,
treeGridModel: "adjacency",
colNames: ["ID", "Name", "Level"],
colModel: [
{ name: "id", width: 50 },
{ name: "name", width: 200 },
{ name: "level", width: 100 }
],
treeReader: {
level_field: "level",
parent_id_field: "parent",
leaf_field: "isLeaf",
expanded_field: "expanded"
}
});
```
上述代码中,设置了 `treeReader` 选项,并指定了解析树形数据所需的字段名。同时,设置了 `treeGridModel` 选项为 `"adjacency"`,表示节点之间使用邻接表方式进行关联。
阅读全文