.net+easyui系列--Pagination 分頁

使用 JS 創建分頁

<div id="pat" style="background:#efefef;border:1px solid #ccc;"></div>

JS代碼:

           var tta = 200; //定義總數
            $('#pp').pagination({
                total: tta,
                pageSize: 10, //每頁顯示行數
                onSelectPage: function (pageNumber, pageSize) {//改變頁碼後的觸發事件
                    $(this).pagination('loading');
                    alert('pageNumber:' + pageNumber + ',pageSize:' + pageSize);
                    $(this).pagination('loaded');
                },
                buttons: [{//增加新增按鈕
                    iconCls: 'icon-add',
                    handler: function () {
                        alert('add')//點擊新增按鈕後的事件
                    }
                }, '-', {//增加保存按鈕
                    iconCls: 'icon-save',
                    handler: function () {
                        alert('save')//點擊保存按鈕後的事件
                    }
                }]
            });

效果圖:

常用方法：

$('#pp').pagination('refresh');    // 刷新分頁欄信息

$('#pp').pagination('refresh',{    // 改變選項，並刷新分頁欄信息
    total: 114,
    pageNumber: 6
});

$('#pp').pagination('select');    // 刷新當前頁面

$('#pp').pagination('select', 2);    // 選擇第二頁

刷新當前頁面和 選擇第幾頁 還是非常有用的