jqgrid treeGrid 分页

在`jqGrid`中，树格（TreeGrid）扩展了标准网格的功能，允许数据以树形结构显示，而分页则可以让你按需查看数据的一部分。要实现树格的分页，首先确保你已经安装并引入了必要的jqGrid库和jQuery UI。

以下是一个简单的树格分页示例[^1]：

// 假设你有一个本地数据数组，每个元素都有parentID属性表示其父节点
var localData = [
    {id: 1, name: 'A', parentID: null},
    {id: 2, name: 'B', parentID: 1},
    {id: 3, name: 'C', parentID: 1},
    // ...
];

$(function () {
    $("#treeGrid").jqGrid({
        datatype: 'local', // 使用本地数据源
        data: localData,
        colModel: [
            {name: 'id', index: 'id', width: 50},
            {name: 'name', index: 'name', width: 150},
            {name: 'parentID', index: 'parentID', hidden: true} // 隐藏parentID列以便只显示名字
        ],
        viewrecords: true, // 显示记录总数
        rowNum: 10, // 设置每页显示的行数
        rowList: [10, 20, 30], // 提供不同的分页选项
        pager: '#pager', // 指定分页控件的位置
        caption: 'Tree Grid with Pagination',
        treeGrid: true, // 启用树格模式
        treeGridModel: 'adjacency', // 树形布局模型
        ExpandColumn: 'name' // 展开列的名字
    });
});