SMART datagrid v.1 > Examples

Back  Forward

Paging - Row Offset  Example

首先,我们需要确认有关SMART datagrid格分页的分页概述基本例题。 

显示在各个页面上的数据,其实无需全部被存放在数据组中。 特别是,可以通过只储存相当于一个页面的数据,并在页面位置发生变更时,重新加载和显示数据的方式而体现分页。 当加载数据时,总是全部清除现有数据,并对齐页面起始位置而重新加载数据行。 

Code -1
    function loadData(start) {
        // 全部清除现有行,
        dataset.clearRows();
        // 并对齐页面位置,重新进行加载。
        $.ajax({
            url: "/data/path/dataset.csv",
            success: function (data) {
                DataLudi.loadCsvData(dataset, data, {
                    quoted: true,
                    start: 1 + start,
                    count: 10
                });
            }
        });
    }

而且,当变更页面位置时,将会重新加载数据。 

Code -2
    setPage: function (page) {
        var size = grdMain.pageSize();
        // 总是从第一行开始获取。
        grdMain.setPageAndOffset(page, -page * size);
        loadData(page * size);
    }

或者,也可以从页面位置事件处理器中加载数据。 

Code -3
    grid.onPageIndexChanged = function (grid, oldPage, newPage) {
        loadData(grdMain.pageSize() * newPage);
    };

如果勾选,就会从grid.onPageIndexChanged加载数据。 

如果勾选,就会在RowIndicator,替代ROW_INDEX而显示DATA_INDEX。 

Grid - 1

查看源代码 JSP 

See Also
分页概述
GridView.setPaging
GridView.pageIndex
GridView.pageCount
GridView.onPaged
GridView.onPageCountChanged
GridView.onPageIndexChanging
GridView.onPageIndexChanged
Examples
分页
分页数据
分页行