jQuery Pagination分页插件使用方法详解
更新时间:2017年02月28日 09:58:50 作者:秋荷雨翔
这篇文章主要为大家详细介绍了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 Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
- jQuery DataTables插件自定义Ajax分页实例解析
- jquery pagination插件实现无刷新分页代码
- jquery分页插件jquery.pagination.js使用方法解析
- 一款Jquery 分页插件的改造方法(服务器端分页)
- Jquery 分页插件之Jquery Pagination
- 分享一个自己动手写的jQuery分页插件
- 快速掌握jquery分页插件jqPaginator的使用方法
- jquery插件pagination实现无刷新ajax分页
- jQuery分页插件jquery.pagination.js使用方法解析
- jQuery插件pagination实现分页特效
- jQuery插件simplePagination的使用方法示例
相关文章
Javascript中封装window.open解决不兼容问题
window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行,下面有个实例,大家可以看看2014-09-09jQuery validate(submitHandler函数)验证通过发送Ajax(实例详解)
这篇文章主要介绍了jQuery validate(submitHandler函数)验证通过发送Ajax,可以用validate框架验证元素,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2022-10-10jquery获取input type=text中的值的各种方式(总结)
下面小编就为大家带来一篇jquery获取input type=text中的值的各种方式(总结)。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-12-12精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架,只需很少的代码就可以实现精美的手风琴效果,帮助你的网站吸引更多用户的眼球2012-08-08使用jquery局部刷新(jquery.load)从数据库取出数据
jquery提供了很好的ajax交互,我这里用的是直接返回字符串,用的是jquery.load方法从数据库取出的数据2014-01-01
最新评论