全国咨询热线:18720358503

免费小程序生成_jQuery Pagination分页插件使用方法

类别:行业新闻 发布时间:2021-01-12 浏览人次:

jQuery Pagination分页插件使用方法详解       这篇文章主要为大家详细介绍了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" 
 /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 Pagination分页插件使用方法

jQuery Pagination分页查询软件应用方式详细说明 本文关键为大伙儿详尽详细介绍了jQuery Pagination分页查询软件的应用方式,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照...

2021-01-12
一键生成小程序_微信小程序 动态绑定数据及动态

手机微信微信小程序 动态性关联数据信息及动态性恶性事件解决 文章投稿:lqh 本文关键详细介绍了手机微信微信小程序 动态性关联数据信息及动态性恶性事件解决的有关材料,必...

2021-01-12
手机网站建设

互联网的多元化化是依据高新科技的发展趋势而发展趋势的,互连网也从PC端发展趋势到更便捷迅速捷,那麼手机上企业网站建设就相当关键了。那麼怎样作出更强的手机上企业网站建...

2021-01-12
微信小程序怎么做_JS中showModalDialog关闭子窗口改

JS中showModalDialog关掉子对话框更新主对话框使用方法详细说明 本文关键详细介绍了JS中showModalDialog关掉子对话框更新主对话框使用方法,融合实际案例方式比较详尽的剖析了showModa...

2021-01-12
小程序究竟有何用处_AngularJS中的拦截器实例详解

AngularJS中的阻拦器案例详细说明 文章投稿:lqh 本文关键详细介绍了AngularJS中的阻拦器案例详细说明的有关材料,必须的朋友能够参照下多线程实际操作有时候候必须在阻拦器中做一...

2021-01-12
微信小程序大全_微信小程序实战之顶部导航栏(

手机微信微信小程序实战演练之顶端导航栏栏(选择项卡)(1) 本文关键为大伙儿详尽详细介绍了手机微信微信小程序实战演练之顶端导航栏栏的有关编码,原文中实例编码详细...

2021-01-12
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信