myPagination是一個靈活的web分頁組件,壓縮後只有幾KB。
基本介紹
- 中文名:myPagination
- 詮釋:靈活的web分頁組件,壓縮後幾KB
- 精心設計:UI機制
- 兼容:IE6+、Firefox、Chrome、Safari
- jQuery協作:myPagination 是一款Jquery外掛程式
基本介紹,使用幫助,套用到你的項目,
基本介紹
優雅靈活的接口
myPagination很用心的設計了她的接口,她擁有豐富的配置參數控制初始化狀態,並且每次調用後還會返回一些實用的內部控制接口,你可以先用變數把它保存起來,需要的時候在其他地方自由控制對話框。
精心設計的UI機制
myPagination提供24款CSS樣式供選擇,還可以按照格式編寫自己的的皮膚樣式。她的皮膚絕大部分都使用純CSS編寫,幾乎不需圖片載入延時。
細緻的用戶體驗
跳轉框內容她將支持Enter提交;Panel中可配置自己所需的界面,支持面板某項可獨立隱藏或者顯示,還可以自己寫CSS皮膚,靜態調用體驗,動態調用實用。
跨瀏覽器兼容
兼容:IE6+、Firefox、Chrome、Safari、Opera,瀏覽器版本越高體驗越好。
與jQuery協作
myPagination 是一款Jquery外掛程式,方便擴展與實用,利用它增強自身功能。
使用幫助
調用方式:
$("#demo1").myPagination;
V5.0 API :
參數名 | 類型 | 說明 |
currPage | int | 配置當前頁,默認為1. |
pageCount | int | 配置總頁數,默認為10. |
pageNumber | int | 配置頁碼數量.默認為5. |
cssStyle | string | 配置樣式屬性. |
object | 配置ajax參數. | |
object | 配置顯示面板參數. |
ajax(object) | 類型 | 說明 |
on | boolean | 配置ajax是否開啟,默認為false. |
url | string | 配置請求路徑. |
type | string | 配置請求類型,提供二種選項."POST","GET". |
dataType | string | 配置請求數據類型,提供三種選項."json","xml","html",默認為html. |
pageCountId | string | 配置後台返回總頁數的參數名. |
param | string | 配置ajax請求參數,值以key-value形式. |
ajaxStart | function | 配置ajax請求前調用該方法. |
onClick | function(page) | 配置點擊某一頁時,觸發該事件. |
callback | function(data) | 配置回調函式,data為回調的數據. |
panel(object) | 類型 | 說明 |
first | string | 配置首頁顯示值. |
last | string | 配置尾頁顯示值. |
next | string | 配置下一頁顯示值. |
prev | string | 配置上一頁顯示值. |
first_on | boolean | 配置首頁是否顯示.默認true,顯示. |
last_on | boolean | 配置尾頁是否顯示.默認true,顯示. |
next_on | boolean | 配置下一頁是否顯示.默認true,顯示. |
prev_on | boolean | 配置上一頁是否顯示.默認true,顯示. |
links | string | 配置滑鼠浮動外掛程式上,瀏覽器提示. |
tipInfo_on | boolean | 配置提示信息.默認false,不顯示. |
tipInfo | string | 配置提示信息,需包含在一個html標籤中. |
tipInfo_css | object | 配置面板中輸入框樣式.值以key-value形式. |
套用到你的項目
1.引入jquery庫
2.引入myPagination外掛程式
3.在html頁面中新建一DIV
<div id='demo1'><div/>
4.調用myPagination外掛程式
<script>
$("#demo1").myPagination;
</scrtipt>