jQuery Pagination分页插件使用方法详解
本文实例为大家分享了jQueryPagination分页插件的具体代码,供大家参考,具体内容如下
一、引用CSS和JS:
<linkhref="/Content/Plugins/jQuery.Pagination_v2.2/pagination.css"rel="externalnofollow"rel="stylesheet" type="text/css"/> <scriptsrc="/Content/Plugins/jQuery.Pagination_v2.2/jquery.pagination.js"type="text/javascript"></script>
二、HTML:
<divid="Pagination"class="flickr"style="margin-top:10px;margin-left:10px;"> </div>
三、JS:
$(function(){ vartotal=parseInt("@(ViewBag.total)"); varpage=parseInt("@(ViewBag.page)")-1; varpageSize=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//连续分页主体部分分页条目数 }); });
四、后台代码:
publicActionResultBoardList() { PagerModelpager=newPagerModel(); 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(refpager); List<BoardModel>boardList=pager.resultasList<BoardModel>; ViewData["BoardModelList"]=boardList; ViewBag.page=pager.page; ViewBag.total=pager.totalRows; ViewBag.pageSize=pager.rows; returnView(); } #endregion
更多精彩内容请点击:jquery分页功能汇总进行学习。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。