jEasyUI 树形网格添加分页的实现示例

$('#treegrid').treegrid({
    url: 'data.json', // 数据源地址
    method: 'get',
    idField: 'id',
    treeField: 'name',
    columns: [[
        {field:'id', title:'ID', width:50},
        {field:'name', title:'名称', width:100},
        {field:'price', title:'价格', width:60, align:'right'}
    ]],
    pagination: true, // 开启分页
    rownumbers: true, // 显示行号
    pageSize: 10, // 每页显示的记录数
    pageList: [10, 20, 50, 100] // 可选的每页显示记录数
});

function getData(page, rows) {
    $.ajax({
        url: 'data.json',
        type: 'get',
        data: {
            page: page,
            rows: rows
        },
        success: function(data) {
            $('#treegrid').treegrid('loadData', data);
        }
    });
}

$(function() {
    $('#treegrid').treegrid({
        // ... 其他配置 ...
        onLoadSuccess: function(data) {
            // 数据加载成功后，计算总页数
            var total = $('#treegrid').treegrid('getOptions').total;
            var pageSize = $('#treegrid').treegrid('getOptions').pageSize;
            var totalPages = Math.ceil(total / pageSize);
            $('#pagination').pagination({
                total: total,
                pageSize: pageSize,
                pages: totalPages,
                onSelectPage: function(page, rows) {
                    getData(page, rows);
                }
            });
        }
    });
});