一、引用CSS和JS:
<link href="/Content/Plugins/jQuery.Pagination_v2.2/pagination.css" 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: (page_id) { window.location = "BoardList?page=" + page_id + "&pageSize=" + this.items_per_page; },//PageCallback() 为翻页调用次函数。 prev_text: " 上一页",next_text: "下一页 "每页的数据个数 num_display_entries: 1,1)">两侧首尾分页条目数 current_page: page,1)">当前页码 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["]) + ; pager.rows = pageSize]); pager.sort = ; } 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