jQuery Pagination分頁(yè)插件使用方法詳解
本文實(shí)例為大家分享了jQuery Pagination分頁(yè)插件的具體代碼,供大家參考,具體內(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() 為翻頁(yè)調(diào)用次函數(shù)。 prev_text: " 上一頁(yè)", next_text: "下一頁(yè) ", items_per_page: 10, //每頁(yè)的數(shù)據(jù)個(gè)數(shù) num_display_entries: 1, //兩側(cè)首尾分頁(yè)條目數(shù) current_page: page, //當(dāng)前頁(yè)碼 num_edge_entries: 11 //連續(xù)分頁(yè)主體部分分頁(yè)條目數(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); 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)容請(qǐng)點(diǎn)擊:jquery分頁(yè)功能匯總進(jìn)行學(xué)習(xí)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- jQuery Pagination Ajax分頁(yè)插件(分頁(yè)切換時(shí)無(wú)刷新與延遲)中文翻譯版
- jQuery DataTables插件自定義Ajax分頁(yè)實(shí)例解析
- jquery pagination插件實(shí)現(xiàn)無(wú)刷新分頁(yè)代碼
- jquery分頁(yè)插件jquery.pagination.js使用方法解析
- 一款Jquery 分頁(yè)插件的改造方法(服務(wù)器端分頁(yè))
- Jquery 分頁(yè)插件之Jquery Pagination
- 分享一個(gè)自己動(dòng)手寫的jQuery分頁(yè)插件
- 快速掌握jquery分頁(yè)插件jqPaginator的使用方法
- jquery插件pagination實(shí)現(xiàn)無(wú)刷新ajax分頁(yè)
- jQuery分頁(yè)插件jquery.pagination.js使用方法解析
- jQuery插件pagination實(shí)現(xiàn)分頁(yè)特效
- jQuery插件simplePagination的使用方法示例
相關(guān)文章
Javascript中封裝window.open解決不兼容問(wèn)題
window.open不兼容,其實(shí)不是, 因?yàn)椴荒苤苯訄?zhí)行, 必須通過(guò)用戶手動(dòng)觸發(fā)才行,下面有個(gè)實(shí)例,大家可以看看2014-09-09jquery 無(wú)限級(jí)下拉菜單的簡(jiǎn)單實(shí)現(xiàn)代碼
本篇文章主要是對(duì)jquery 無(wú)限級(jí)下拉菜單的簡(jiǎn)單實(shí)現(xiàn)代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jQuery實(shí)現(xiàn)可拖拽的許愿墻效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)可拖拽的許愿墻效果,可實(shí)現(xiàn)拖拽圖片與層疊顯示功能,涉及jQuery插件的簡(jiǎn)單使用,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09jQuery validate(submitHandler函數(shù))驗(yàn)證通過(guò)發(fā)送Ajax(實(shí)例詳解)
這篇文章主要介紹了jQuery validate(submitHandler函數(shù))驗(yàn)證通過(guò)發(fā)送Ajax,可以用validate框架驗(yàn)證元素,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2022-10-10jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)?lái)一篇jquery獲取input type=text中的值的各種方式(總結(jié))。小編覺(jué)的挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12精心挑選的12款優(yōu)秀的基于jQuery的手風(fēng)琴效果插件和教程
當(dāng)你想在有限的頁(yè)面空間內(nèi)展示多個(gè)內(nèi)容片段的時(shí)候,手風(fēng)琴(Accordion)效果就顯得非常有用,它可以幫助你以對(duì)用戶非常友好的方式實(shí)現(xiàn)多個(gè)內(nèi)容片段之間的切換。借助流行的 jQuery 框架,只需很少的代碼就可以實(shí)現(xiàn)精美的手風(fēng)琴效果,幫助你的網(wǎng)站吸引更多用戶的眼球2012-08-08使用jquery局部刷新(jquery.load)從數(shù)據(jù)庫(kù)取出數(shù)據(jù)
jquery提供了很好的ajax交互,我這里用的是直接返回字符串,用的是jquery.load方法從數(shù)據(jù)庫(kù)取出的數(shù)據(jù)2014-01-01