jqgrid 加载本地树形数据
时间: 2023-11-11 20:02:14 浏览: 98
jqgrid的tree实例
要在 jqGrid 中加载本地树形数据,需要使用 jQuery 插件 `jqGridTreeGrid.js`。下面是一个简单的示例代码:
```javascript
$(function() {
$("#treegrid").jqGrid({
datatype: "local",
data: mydata, // mydata 是本地的树形数据
colNames: ['ID', '名称', '父节点'],
colModel: [
{name:'id', index:'id', width:55},
{name:'name', index:'name', width:200},
{name:'parent_id', index:'parent_id', width:100}
],
treeGrid: true,
treeGridModel: 'adjacency',
ExpandColumn: 'name',
height: 'auto',
caption: '本地树形数据示例'
});
});
```
其中,`mydata` 是本地的树形数据,`treeGrid` 属性设置为 `true` 表示开启树形表格功能,`treeGridModel` 属性设置为 `'adjacency'` 表示使用邻接模型,`ExpandColumn` 属性设置为 `'name'` 表示以 `name` 列作为展开节点的按钮,`height` 属性设置为 `'auto'` 表示自适应高度,`caption` 属性设置为 `'本地树形数据示例'` 表示表格标题。
以上代码只是一个简单的示例,实际情况可能更加复杂,需要根据具体需求进行调整。
阅读全文