easyui datagrid pagination

分頁

使用$.fn.pagination.defaults重載預設值。

依賴關係

• 連結按鈕

使用指南

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

1. $('#pp').pagination({  
2.     total:2000,  
3.     pageSize:10  
4. });  

屬性

名稱	類型	描述	預設值
total（總數）	number（數字）	總記錄數，當建立分頁時必須設定。	1
pageSize（每頁記錄數）	number（數字）	每頁顯示的記錄數。	10
pageNumber（當前頁碼）	number（數字）	當分頁建立完畢時顯示當前頁碼。	1
pageList（可選擇的每頁記錄數）	array（數組）	使用者能夠改變每頁顯示的記錄數。	[10,20,30,50]
loading（是否正在載入）	boolean（布爾型）	定義資料是否正在載入。	false
buttons（按鈕）	array（數組）	自訂按鈕，每個按鈕包含2個屬性: iconCls： 顯示背景圖片的CSS類 handler： 當按鈕被點擊時調用的一個控制代碼函數	null
showPageList（顯示可選擇的每頁記錄數）	boolean（布爾型）	定義是否顯示可選擇的每頁記錄數。	true
showRefresh（顯示重新整理）	boolean（布爾型）	定義是否顯示重新整理按鈕。	true
beforePageText（輸入框之前的文本）	string（字串）	在輸入框之前顯示的符號。	Page
afterPageText（輸入框之後的文本）	string（字串）	在輸入框之後顯示的符號。	of {pages}
displayMsg（顯示資訊）	string（字串）	在外掛程式右上方顯示分頁資訊。	Displaying {from} to {to} of {total} items

事件

名稱	參數	描述
onSelectPage	pageNumber, pageSize	當使用者進行翻頁時觸發，回呼函數包含2個參數: pageNumber： 下一頁的頁碼 pageSize： 下一頁的顯示記錄數
onBeforeRefresh	pageNumber, pageSize	重新整理之前觸發, 返回false將取消重新整理。
onRefresh	pageNumber, pageSize	重新整理之後觸發。
onChangePageSize	pageSize	當使用者修改每頁顯示記錄數時觸發。

方法

名稱	參數	描述
options	none	返回分頁屬性對象。
loading	none	提醒分頁外掛程式正在載入。
loaded	none	提醒分頁外掛程式已經載入。