easyui分頁的使用方法

使用：

$("#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