jQuery分頁插件pagination具體怎么用？求詳細(xì)教程

本文實(shí)例為大家分享了jQuery Pagination分頁插件的具體代碼，供大家參考，具體內(nèi)容如下

成都創(chuàng)新互聯(lián)公司10多年成都定制網(wǎng)站服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及高端網(wǎng)站定制服務(wù),成都定制網(wǎng)站及推廣,對茶樓設(shè)計(jì)等多個(gè)行業(yè)擁有多年的網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

一、引用CSS和JS：

link href="/Content/Plugins/jQuery.Pagination_v2.2/pagination.css" rel="external nofollow" rel="stylesheet" type="text/css" / script src="/Content/Plugins/jQuery.Pagination_v2.2/jquery.pagination.js" type="text/javascript"/script

二、HTML：

div id="Pagination" class="flickr" style="margin-top: 10px; margin-left: 10px;" /div

三、JS：

$(function () { var total = parseInt("@(ViewBag.total)"); var page = parseInt("@(ViewBag.page)") - 1; var pageSize = parseInt("@(ViewBag.pageSize)"); $("#Pagination").pagination(total, { callback: function (page_id) { window.location = "BoardList?page=" + page_id + "pageSize=" + this.items_per_page; }, //PageCallback() 為翻頁調(diào)用次函數(shù)。 prev_text: " 上一頁", next_text: "下一頁 ", items_per_page: 10, //每頁的數(shù)據(jù)個(gè)數(shù) num_display_entries: 1, //兩側(cè)首尾分頁條目數(shù) current_page: page, //當(dāng)前頁碼 num_edge_entries: 11 //連續(xù)分頁主體部分分頁條目數(shù) }); });

四、后臺(tái)代碼：

public ActionResult BoardList() { PagerModel pager = new PagerModel(); if (Request["page"] == null) { pager.page = 1; pager.rows = 10; pager.sort = "Id"; pager.order = "desc"; } else { pager.page = int.Parse(Request["page"]) + 1; pager.rows = int.Parse(Request["pageSize"]); pager.sort = "Id"; pager.order = "desc"; } boardManageService.GetList(ref pager); ListBoardModel boardList = pager.result as ListBoardModel; ViewData["BoardModelList"] = boardList; ViewBag.page = pager.page; ViewBag.total = pager.totalRows; ViewBag.pageSize = pager.rows; return View(); } #endregion

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

jquery 分頁插件 跳轉(zhuǎn)多少頁

用jquery的pagination插件實(shí)現(xiàn)很方便：

div id="Pagination" class="pagination"!-- 這里顯示分頁導(dǎo)航 --/div

script

$(function(){

var num_entries =1000;//這是需要顯示的條目總數(shù)

$("#Pagination").pagination(num_entries, {

num_edge_entries: 1, //邊緣頁數(shù)

num_display_entries: 10, //主體頁數(shù)

callback: pageselectCallback,//回調(diào)函數(shù)，在這個(gè)函數(shù)中寫顯示列表代碼

items_per_page: 50, //每頁顯示多少項(xiàng)

prev_text: "前一頁",

next_text: "后一頁"

});

});

//回調(diào)函數(shù)

function pageselectCallback(page_index, jq){

//通過ajax加載頁面顯示內(nèi)容

$.post("ServerCode", {pageno:page_index}, function (result) {

//這里遍歷result,并顯示出來

});

});

/script

//服務(wù)器端ServerCode

接收pageno（分頁導(dǎo)航中選中的頁面序號）參數(shù)，并返回此頁面需要顯示的內(nèi)容信息。

jquery分頁插件哪個(gè)比較好？

maxentries ? ?總條目數(shù) ? ?必選參數(shù)，整數(shù) ?

items_per_page ? ?每頁顯示的條目數(shù) ? ?可選參數(shù)，默認(rèn)是10 ?

num_display_entries ? ?連續(xù)分頁主體部分顯示的分頁條目數(shù) ? ?可選參數(shù)，默認(rèn)是10 ?

current_page ? ?當(dāng)前選中的頁面 ? ?可選參數(shù)，默認(rèn)是0，表示第1頁 ?

num_edge_entries ? ?兩側(cè)顯示的首尾分頁的條目數(shù) ? ?可選參數(shù)，默認(rèn)是0 ?

link_to ? ?分頁的鏈接 ? ?字符串，可選參數(shù)，默認(rèn)是"#" ?

prev_text ? ?“前一頁”分頁按鈕上顯示的文字 ? ?字符串參數(shù)，可選，默認(rèn)是"Prev" ?

next_text ? ?“下一頁”分頁按鈕上顯示的文字 ? ?字符串參數(shù)，可選，默認(rèn)是"Next" ?

ellipse_text ? ?省略的頁數(shù)用什么文字表示 ? ?可選字符串參數(shù)，默認(rèn)是"..." ?

prev_show_always ? ?是否顯示“前一頁”分頁按鈕 ? ?布爾型，可選參數(shù)，默認(rèn)為true，即顯示“前一頁”按鈕 ?

next_show_always ? ?是否顯示“下一頁”分頁按鈕 ? ?布爾型，可選參數(shù)，默認(rèn)為true，即顯示“下一頁”按鈕 ?

callback ? ?回調(diào)函數(shù) ? ?默認(rèn)無執(zhí)行效果 ?

首先這些都不叫插件，叫JavaScript框架，也叫Jquery類庫，是所有Jquery插件（有很多，Jquery幻燈啊，Jquery導(dǎo)航啊，請百度）的基礎(chǔ)，就是你要用Jquery插件就要導(dǎo)入jquery-1.4.2.js這些query-1.4.2.js里面有注釋的教你怎么用的，數(shù)字是版本號jquery-1.6.4.min.js

帶min是壓縮后的，可以掛網(wǎng)頁上得，用于減少加載。

jquery正規(guī)命名規(guī)范

jquery -版本號

.min壓縮版

不帶.min就是未壓縮版

jquery-1.6.4.min.js

一般使用都用帶.min的

節(jié)省加載時(shí)間。

其他的都是基于

jquery做的開發(fā)，命名各不相同，但都依賴于jquery

本文題目：jquery的分頁插件,Java分頁插件
分享URL：http://chinadenli.net/article21/dsgsdcd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、App設(shè)計(jì)、App開發(fā)、網(wǎng)站設(shè)計(jì)、標(biāo)簽優(yōu)化、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)