jQuery Pagination分页插件使用方法详解

本文实例为大家分享了jQuery Pagination分页插件的具体代码，供大家参考，具体内容如下

一、引用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() 为翻页调用次函数。
 prev_text: " 上一页",
 next_text: "下一页 ",
 items_per_page: 10, //每页的数据个数
 num_display_entries: 1, //两侧首尾分页条目数
 current_page: page, //当前页码
 num_edge_entries: 11 //连续分页主体部分分页条目数
 });
});

四、后台代码：

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

更多精彩内容请点击：jquery分页功能汇总进行学习。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# jQuery  # Pagination  # 分页插件  # jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版  # jQuery DataTables插件自定义Ajax分页实例解析  # jquery pagination插件实现无刷新分页代码  # jquery分页插件jquery.pagination.js使用方法解析  # 一款Jquery 分页插件的改造方法（服务器端分页）  # Jquery 分页插件之Jquery Pagination  # 分享一个自己动手写的jQuery分页插件  # 快速掌握jquery分页插件jqPaginator的使用方法  # jquery插件pagination实现无刷新ajax分页 

相关文章： 网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  h5在线制作网站电脑版下载,h5网页制作软件？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  如何通过FTP空间快速搭建安全高效网站？  如何快速搭建FTP站点实现文件共享？  盘锦网站制作公司,盘锦大洼有多少5G网站？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  英语简历制作免费网站推荐,如何将简历翻译成英文？  网站微信制作软件,如何制作微信链接？  linux top下的 minerd 木马清除方法  如何自定义建站之星模板颜色并下载新样式？  招商网站制作流程,网站招商广告语？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  高防服务器如何保障网站安全无虞？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  如何快速生成ASP一键建站模板并优化安全性？  网站制作话术技巧,网站推广做的好怎么话术？  如何将凡科建站内容保存为本地文件？  建站主机系统SEO优化与智能配置核心关键词操作指南  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  c++ stringstream用法详解_c++字符串与数字转换利器  建站之星IIS配置教程：代码生成技巧与站点搭建指南  如何选择域名并搭建高效网站？  济南专业网站制作公司,济南信息工程学校怎么样？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  ,sp开头的版面叫什么？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  企业微网站怎么做,公司网站和公众号有什么区别？  北京网站制作网页,网站升级改版需要多久？  如何在橙子建站中快速调整背景颜色？  专业商城网站制作公司有哪些,pi商城官网是哪个？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  青岛网站建设如何选择本地服务器？  如何在万网开始建站？分步指南解析  非常酷的网站设计制作软件,酷培ai教育官方网站？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  建站主机SSH密钥生成步骤及常见问题解答？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  海南网站制作公司有哪些,海口网是哪家的？  宝塔建站助手安装配置与建站模板使用全流程解析  如何用VPS主机快速搭建个人网站？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  如何在宝塔面板创建新站点？  网站app免费制作软件,能免费看各大网站视频的手机app？  如何在腾讯云服务器上快速搭建个人网站？  已有域名如何快速搭建专属网站？  网站制作免费,什么网站能看正片电影？