easyui分頁的使用方法
阿新 • • 發佈：2017-06-05
function button borde con jquery 圖像 easyu 建立 easy
使用：
$("#tt").datagrid("getPager").pagination(option);
例子：
$("#tb").datagrid("getPager").pagination({
total: 100,
pageSize: 10,
pageList: [10,20,30],
onSelectPage: function(pageNumber, pageSize) {
console.log(pageNumber,pageSize);
}
});
pagination的屬性：
| 屬性名 | 類型 | 描述 | 默認值 |
| total | 數字 | 當分頁建立時設置記錄的總數量 | 1 |
| pageSize | 數字 | 每一頁顯示的數量 | 10 |
| pageNumber | 數字 | 當分頁建立時，顯示的頁數 | 1 |
| pageList | 數組 |
用戶可以修改每一頁的大小， pageList屬性定義了多少種大小可以改變 |
[10,20,30,50] |
| loading | 布爾 | 定義數據是否正在加載 | false |
| buttons | 數組 |
定義自定義按鈕，每個按鈕包含兩個屬性： iconCls：顯示背景圖像的css類； handler：當一個按鈕被點擊時的處理函數 |
|
| showPageList | 布爾 | 定義是否顯示頁面列表 | true |
| showRefresh | 布爾 | 定義是否顯示刷新按鈕 | true |
| beforePageText | 字符串 | 在輸入框組件前顯示的標簽 | Page |
| afterPageText | 字符串 | 在輸入框組件後顯示的標簽 | of {pages} |
| displayMsg | 字符串 | 顯示一個頁面的信息 |
Displaying {from} to {to} of {total} items |
pagination的事件：
| 事件名 | 參數 | 描述 |
| onSelectPage | pageNumber,pageSize |
當用戶選擇一個新頁時觸發，回調函數包含兩個參數： pageNumber：新頁面的頁數； pageSize新頁面的大小 |
| onBeforeRefresh | pageNumber,pageSize | 刷新按鈕被點之前觸發，如果返回false則取消刷新操作 |
| onRefresh | pageNumber,pageSize | 刷新以後觸發 |
| onChangePageSize | pageSize | 當改變頁面大小時觸發 |
jquery easyui 分頁的使用方法：http://www.jquerycn.cn/a_3129
easyui分頁的使用方法