myPagination

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>

熱門詞條

聯絡我們