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分页功能汇总进行学习。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。