快捷導(dǎo)航

jQuery Pagination分頁(yè)插件_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

更新時(shí)間：2017年07月17日 09:58:42 投稿：mrr

此jQuery插件為Ajax分頁(yè)插件，一次性加載，故分頁(yè)切換時(shí)無(wú)刷新與延遲，如果數(shù)據(jù)量較大不建議用此方法，因?yàn)榧虞d會(huì)比較慢。下面通過(guò)本文給大家分享jQuery Pagination分頁(yè)插件的使用方法及參數(shù)介紹，感興趣的朋友一起看看吧

插件簡(jiǎn)介

此jQuery插件為Ajax分頁(yè)插件，一次性加載，故分頁(yè)切換時(shí)無(wú)刷新與延遲，如果數(shù)據(jù)量較大不建議用此方法，因?yàn)榧虞d會(huì)比較慢。

原插件CSS不太合理，使用浮動(dòng)，故無(wú)法方便實(shí)現(xiàn)左右方向的定位，且未清除浮動(dòng)，在中文修改版中我對(duì)其進(jìn)行了優(yōu)化，使其支持text-align的定位。

使用方法

跟一般的jQuery插件一樣，此插件使用也很簡(jiǎn)單便捷。方法是pagination，例如$("#page").pagination(100);

參數(shù)

參數(shù)名	描述	參數(shù)值
maxentries	總條目數(shù)	必選參數(shù)，整數(shù)
items_per_page	每頁(yè)顯示的條目數(shù)	可選參數(shù)，默認(rèn)是10
num_display_entries	連續(xù)分頁(yè)主體部分顯示的分頁(yè)條目數(shù)	可選參數(shù)，默認(rèn)是10
current_page	當(dāng)前選中的頁(yè)面	可選參數(shù)，默認(rèn)是0，表示第1頁(yè)
num_edge_entries	兩側(cè)顯示的首尾分頁(yè)的條目數(shù)	可選參數(shù)，默認(rèn)是0
link_to	分頁(yè)的鏈接	字符串，可選參數(shù)，默認(rèn)是"#"
prev_text	“前一頁(yè)”分頁(yè)按鈕上顯示的文字	字符串參數(shù)，可選，默認(rèn)是"Prev"
next_text	“下一頁(yè)”分頁(yè)按鈕上顯示的文字	字符串參數(shù)，可選，默認(rèn)是"Next"
ellipse_text	省略的頁(yè)數(shù)用什么文字表示	可選字符串參數(shù)，默認(rèn)是"..."
prev_show_always	是否顯示“前一頁(yè)”分頁(yè)按鈕	布爾型，可選參數(shù)，默認(rèn)為true，即顯示“前一頁(yè)”按鈕
next_show_always	是否顯示“下一頁(yè)”分頁(yè)按鈕	布爾型，可選參數(shù)，默認(rèn)為true，即顯示“下一頁(yè)”按鈕
callback	回調(diào)函數(shù)	默認(rèn)無(wú)執(zhí)行效果

舉例

例如下面的使用代碼：

$("#Pagination").pagination(56, {
  num_edge_entries: 2,
  num_display_entries: 4,
  callback: pageselectCallback,
  items_per_page:1
});

這段代碼表示的含義是：總共有56(maxentries)個(gè)列表項(xiàng)，首尾兩側(cè)分頁(yè)顯示2(num_edge_entries)個(gè)，連續(xù)分頁(yè)主體數(shù)目顯示4(num_display_entries)個(gè)，回調(diào)函數(shù)為pageselectCallback(callback)，每頁(yè)顯示的列表項(xiàng)為1(items_per_page)個(gè)。

您可能感興趣的文章: