如何利用JQuery寫一個(gè)簡單的異步分頁插件

jQuery分頁——jQuery.page.js用法：

目前成都創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、貞豐網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

調(diào)用方法：

$(".tcdPageCode").createPage({

pageCount:10,

current:1,

backFn:function(p){

}

});

pageCount：總頁數(shù)

current：當(dāng)前頁

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

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

一、引用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)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

怎么用jquery分頁呢？

jQuery Pagination分頁插件

使用方法

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

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

num_edge_entries: 2,

num_display_entries: 4,

callback: pageselectCallback,

items_per_page:1

});