jQuery Pagination分頁插件使用方法詳解
更新時間:2017年02月28日 09:58:50 作者:秋荷雨翔
這篇文章主要為大家詳細介紹了jQuery Pagination分頁插件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了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ù)個數(shù)
num_display_entries: 1, //兩側(cè)首尾分頁條目數(shù)
current_page: page, //當前頁碼
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)容請點擊:jquery分頁功能匯總進行學習。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery Pagination Ajax分頁插件(分頁切換時無刷新與延遲)中文翻譯版
- jQuery DataTables插件自定義Ajax分頁實例解析
- jquery pagination插件實現(xiàn)無刷新分頁代碼
- jquery分頁插件jquery.pagination.js使用方法解析
- 一款Jquery 分頁插件的改造方法(服務器端分頁)
- Jquery 分頁插件之Jquery Pagination
- 分享一個自己動手寫的jQuery分頁插件
- 快速掌握jquery分頁插件jqPaginator的使用方法
- jquery插件pagination實現(xiàn)無刷新ajax分頁
- jQuery分頁插件jquery.pagination.js使用方法解析
- jQuery插件pagination實現(xiàn)分頁特效
- jQuery插件simplePagination的使用方法示例
相關(guān)文章
BootStrap表單驗證中的非Submit類型按鈕點擊時觸發(fā)驗證的坑
這篇文章主要介紹了BootStrap表單驗證中的非Submit類型按鈕點擊時觸發(fā)驗證的坑,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
jQuery中text() val()和html()的區(qū)別實例詳解
這篇文章主要介紹了jQuery中text() val()和html()的區(qū)別實例詳解的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06
為jquery.ui.dialog 增加“自動記住關(guān)閉時的位置”的功能
筆者在項目中使用 jquery.ui.dialog 1.7.2時,當使用$("#d").dialog("open");時,dialog總是彈出在option中指定的位置;2009-11-11
jQuery實現(xiàn)的響應鼠標移動方向插件用法示例【附源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的響應鼠標移動方向插件用法,涉及jQuery響應鼠標事件及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08

