jQuery EasyUI API 中文文檔 - 分頁

Pagination 分頁

用 $.fn.pagination.defaults 重寫了 defaults。

依賴

linkbutton

用法

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

1. $('#pp').pagination({  

2.     total:2000,  

3.     pageSize:10  

4. }); 

特性

名稱

類型

說明

預設值

total

number

記錄總數，應該在建立pagination時設定。

1

pageSize

頁面尺寸。（譯者注：每頁顯示的最大記錄數）

10

pageNumber

建立pagination時顯示的頁碼。

pageList

array

使用者能改變頁面尺寸。pageList特性定義了能改成多大的尺寸。

[10,20,30,50]

loading

boolean

定義了是否資料正在加載。

false

buttons

定義了自定義按鈕，每個按鈕包含兩個特性：

iconCls：CSS類，它将顯示一個背景圖檔

handler：當按鈕被點選時的處理函數。

null

showPageList

定義了是否顯示頁面清單。

true

showRefresh

定義了是否顯示重新整理按鈕。

beforePageText

string

在input元件之前顯示label。

Page

afterPageText

在input元件之後顯示label。

of {pages}

displayMsg

顯示頁面資訊。

Displaying {from} to {to} of {total} items

事件

參數

onSelectPage

pageNumber, pageSize

當使用者選擇新的頁面時觸發。回調函數包含兩個參數：

pageNumber：新的頁碼

pageSize：新的頁面尺寸

onBeforeRefresh

重新整理按鈕點選之前觸發，傳回false就取消重新整理動作。

onRefresh

重新整理之後觸發。

onChangePageSize

當使用者改變頁面尺寸時觸發。

Methods

options

none

傳回options對象。

把pagination變成正在加載（loading）狀态。

loaded

把pagination變成加載完成（loaded）狀态。