SMART datagrid :: Paging

Paging - Row Offset Example 準備中...

Dataludi Gridのページングについてページング概要と基本サンプルを先に確認する。

各ページに表示するデータたちがデータセットにすべて存在する必要はない。特に、一つのページに表示する程度だけを保管しながらページの位置が変更になる度にデータを新しくロードして表示する方式でページングを具現することができる。データロードはいつも既存データをすべて削除してページの始まりの位置に合わせてデータ行達を新しくロードする。

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);
        dsMain.clearRows();
        loadData(page * size);
    }

または、ページの位置イベントハンドラーでデータをロードすることもできる。

Code -3

    grid.onPageIndexChanged = function (grid, oldPage, newPage) {
        dataset.clearRows();
        loadData(grdMain.pageSize() * newPage);
    };

Grid - 1

ソースを見る

See Also: ページング概要; GridView.setPaging; GridView.pageIndex; GridView.pageCount; GridView.onPaged; GridView.onPageCountChanged; GridView.onPageIndexChanging; GridView.onPageIndexChanged

Examples: 基本ページング; ページのデータローディング; ページに特定の行達の表示