ureport2 按组分页

要按组分页，可以使用分页插件（如jQuery Pagination），并根据组信息进行筛选和分页。

以下是一个简单的示例代码：

// 假设有一个包含所有报告信息的数组 reports
var reports = [
    {id: 1, group: 'A', content: 'Report A1'},
    {id: 2, group: 'B', content: 'Report B1'},
    {id: 3, group: 'A', content: 'Report A2'},
    {id: 4, group: 'C', content: 'Report C1'},
    {id: 5, group: 'B', content: 'Report B2'},
    {id: 6, group: 'A', content: 'Report A3'},
    {id: 7, group: 'C', content: 'Report C2'},
    {id: 8, group: 'B', content: 'Report B3'},
    {id: 9, group: 'A', content: 'Report A4'}
];

// 分组
var groups = [];
reports.forEach(function(report) {
    if (groups.indexOf(report.group) === -1) {
        groups.push(report.group);
    }
});

// 创建分页
var pagination = $('#pagination').pagination({
    dataSource: groups,
    pageSize: 2, // 每页显示的组数
    callback: function(data, pagination) {
        // 根据当前页显示对应的报告
        var groupReports = reports.filter(function(report) {
            return data.indexOf(report.group) !== -1;
        });
        // 显示报告
        $('#reports').empty();
        groupReports.forEach(function(report) {
            $('#reports').append('<div>' + report.content + '</div>');
        });
    }
});

// 初始化页面
pagination.goToPage(1);

这个示例假设你有一个包含所有报告信息的数组 `reports`，每个报告都有一个 `group` 属性表示属于哪个组。首先通过遍历数组得到所有组的名称，并使用分页插件将它们分为若干页。然后在回调函数中，根据当前页的组信息筛选出对应的报告，并将它们显示在页面上。最后初始化页面时，调用 `goToPage(1)` 方法将第一页的报告显示出来。