jQuery Pagination分頁插件使用方法詳解
本文實(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ù)
});
});
四、后臺代碼:
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);
List<BoardModel> boardList = pager.result as List<BoardModel>;
ViewData["BoardModelList"] = boardList;
ViewBag.page = pager.page;
ViewBag.total = pager.totalRows;
ViewBag.pageSize = pager.rows;
return View();
}
#endregion
更多精彩內(nèi)容請點(diǎn)擊:jquery分頁功能匯總進(jìn)行學(xué)習(xí)。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- jQuery Pagination Ajax分頁插件(分頁切換時(shí)無刷新與延遲)中文翻譯版
- jQuery DataTables插件自定義Ajax分頁實(shí)例解析
- jquery pagination插件實(shí)現(xiàn)無刷新分頁代碼
- jquery分頁插件jquery.pagination.js使用方法解析
- 一款Jquery 分頁插件的改造方法(服務(wù)器端分頁)
- Jquery 分頁插件之Jquery Pagination
- 分享一個(gè)自己動(dòng)手寫的jQuery分頁插件
- 快速掌握jquery分頁插件jqPaginator的使用方法
- jquery插件pagination實(shí)現(xiàn)無刷新ajax分頁
- jQuery分頁插件jquery.pagination.js使用方法解析
- jQuery插件pagination實(shí)現(xiàn)分頁特效
- jQuery插件simplePagination的使用方法示例
相關(guān)文章
PHP+jquery+ajax實(shí)現(xiàn)分頁
這篇文章主要為大家詳細(xì)介紹了PHPjquery+ajax實(shí)現(xiàn)分頁的代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
jQuery中outerWidth()方法用法實(shí)例
這篇文章主要介紹了jQuery中outerWidth()方法用法,實(shí)例分析了outerWidth()方法的功能、定義及獲取第一個(gè)匹配元素外部寬度的使用技巧,需要的朋友可以參考下2015-01-01
BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑
這篇文章主要介紹了BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
Jquery Validate 正則表達(dá)式實(shí)用驗(yàn)證代碼大全
jQuery.validate 的正則驗(yàn)證功能,包括手機(jī)號碼、電話號碼、郵政編碼、QQ號碼、IP地址、字母和數(shù)字、中文的驗(yàn)證等2013-08-08
JS中Array數(shù)組學(xué)習(xí)的總結(jié)
本文主要介紹了JS中Array數(shù)組的相關(guān)知識。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01
jQuery中text() val()和html()的區(qū)別實(shí)例詳解
這篇文章主要介紹了jQuery中text() val()和html()的區(qū)別實(shí)例詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
為jquery.ui.dialog 增加“自動(dòng)記住關(guān)閉時(shí)的位置”的功能
筆者在項(xiàng)目中使用 jquery.ui.dialog 1.7.2時(shí),當(dāng)使用$("#d").dialog("open");時(shí),dialog總是彈出在option中指定的位置;2009-11-11
jQuery實(shí)現(xiàn)的響應(yīng)鼠標(biāo)移動(dòng)方向插件用法示例【附源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的響應(yīng)鼠標(biāo)移動(dòng)方向插件用法,涉及jQuery響應(yīng)鼠標(biāo)事件及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08

