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


Posted in Javascript onFebruary 28, 2017

本文实例为大家分享了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分页功能汇总进行学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
很多人都是用下面的js刷新站IP和PV
Sep 05 Javascript
jquery $.ajax()取xml数据的小问题解决方法
Nov 20 Javascript
javascript 节点排序 2
Jan 31 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 Javascript
jquery 如何动态添加、删除class样式方法介绍
Nov 07 Javascript
JavaScript学习心得之概述
Jan 20 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
Mar 05 Javascript
微信小程序 页面跳转及数据传递详解
Mar 14 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
一次微信小程序内地图的使用实战记录
Sep 09 Javascript
详解datagrid使用方法(重要)
Nov 06 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 #Javascript
canvas红包照片实例分享
Feb 28 #Javascript
详解本地Node.js服务器作为api服务器的解决办法
Feb 28 #Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 #Javascript
JS使用面向对象技术实现的tab选项卡效果示例
Feb 28 #Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 #Javascript
js中Number数字数值运算后值不对的解决方法
Feb 28 #Javascript
You might like
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
2007/02/09 Javascript
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
jQuery中add实现同时选择两个id对象
2010/10/22 Javascript
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
PHP结合jQuery实现的评论顶、踩功能
2015/07/22 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
原生js实现秒表计时器功能
2017/02/16 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
基于JS实现一个随机生成验证码功能
2019/05/29 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
基于python socketserver框架全面解析
2017/09/21 Python
Python中函数参数调用方式分析
2018/08/09 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
python多线程共享变量的使用和效率方法
2019/07/16 Python
python实现的config文件读写功能示例
2019/09/24 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
人事助理自荐信
2014/02/02 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
医院节能减排方案
2014/06/13 职场文书
党员干部批评与自我批评反四风思想汇报
2014/09/21 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
2016大学生暑期社会实践心得体会
2016/01/14 职场文书
八年级英语教学反思
2016/02/15 职场文书