SMART datagrid v1.4 > Examples

[ grids ver.1.3.8]   Back  Forward

Paging - Page Rows  Example

SMART datagrid 페이징에 대한 페이징 개요기본 예제를 먼저 확인한다. 

각 페이지에 표시할 데이터셋을 그리드에 현재 생성된 데이터행 집합과 별개로 임의로 지정할 수도 있다. setPageAndRows를 호출해서 페이지 변경 시 지정하거나, 페이지 변경 이벤트 핸들러 내에서 GridView.pageRows를 호출해서 지정한다. 

Code -1
    grid.onPageIndexChanged = function (grid, oldPage, newPage) {
        var rows = [];
        if (ds.rowCount() > 0) {
            while (rows.length < 5) {
                var r = parseInt(Math.random() * ds.rowCount());
                if (rows.indexOf(r) < 0) {
                    rows.push(r);
                }
            }
        }
        grid.setPageRows(rows);    
    };
Grid - 1
Code -2
    btnFirst2_click: function (ev) {
        var p = grdMain2.pageIndex() * 10;
        grdMain2.setPageAndRows(0, [p + 2, p + 4, p + 3, p + 5, p + 7]);
    },
Grid - 2

소스보기 JSP 

See Also
페이징 개요
GridView.pageRows
GridView.setPageAndRows
GridView.setPaging
GridView.pageIndex
GridView.pageCount
GridView.onPaged
GridView.onPageCountChanged
GridView.onPageIndexChanging
GridView.onPageIndexChanged
Examples
기본 페이징
페이지 데이터 로딩
페이지 행 위치 지정