后臺代碼:

using Webdiyer.WebControls.Mvc;

1 public ActionResult Index(int id = 1) 2 { 3 int pageIndex = id; 4 int count; 5 int pageSize = 7; 6 7 List<News> newsList = 8 newsSer.QueryByPage(pageIndex, pageSize, out count, c => c.IsDel == false && c.Status == (int)Enums.EStatus.pass, c => c.PTime) 9 .ToList(); 10 11 ViewBag.count = Math.Ceiling(count * 1.0 / pageSize); 12 ViewBag.pageIndex = pageIndex; 13 ViewBag.newsList = newsList; 14 15 PagedList<News> mPage = newsList.ToPagedList(pageIndex, pageSize); 16 mPage.TotalItemCount = count; 17 mPage.CurrentPageIndex = pageIndex;//此處3行可換為 IPagedList<News> mPage=new PagedList<News>(newsList,pageIndex,pageSize,count); 18 19 ViewBag.mPage = mPage; 20 return View(); 21 }

?

前臺代碼:

@using Webdiyer.WebControls.Mvc @{Layout = null;List<News> newsList2 = ViewBag.newsList;PagedList<News> mPage = ViewBag.mPage; }@Html.Pager(mPage, new PagerOptions { PageIndexParameterName = "id", CurrentPagerItemTemplate = "<span class=\"current\">{0}</span>", DisabledPagerItemTemplate = "<span class=\"disabled\">{0}</span>", Id = "diggpager" })

?

樣式:

1 /*分頁 楚曉冰*/ 2 /* digg style*/ 3 /* 藍色:#000099 */ 4 /* 淡藍色:rgb(0, 160, 234) */ 5 6 div#diggpager { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; margin-top: 25px; } 7 div#diggpager a { border-right: #aaaadd 1px solid; padding-right: 5px; border-top: #aaaadd 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 1px solid; color: rgb(0, 160, 234); padding-top: 2px; border-bottom: #aaaadd 1px solid; text-decoration: none; } 8 div#diggpager a:hover { border-right: rgb(0, 160, 234) 1px solid; border-top: rgb(0, 160, 234) 1px solid; border-left: rgb(0, 160, 234) 1px solid; color: #000; border-bottom: rgb(0, 160, 234) 1px solid; } 9 div#diggpager a:active { border-right: rgb(0, 160, 234) 1px solid; border-top: rgb(0, 160, 234) 1px solid; border-left: rgb(0, 160, 234) 1px solid; color: #000; border-bottom: rgb(0, 160, 234) 1px solid; } 10 div#diggpager span.current { border-right: rgb(0, 160, 234) 1px solid; padding-right: 5px; border-top: rgb(0, 160, 234) 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: rgb(0, 160, 234) 1px solid; color: #fff; padding-top: 2px; border-bottom: rgb(0, 160, 234) 1px solid; background-color: rgb(0, 160, 234); float: none !important; } 11 div#diggpager span.disabled { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid; }

?

前臺代碼2:

@Html.Pager(mPage, new PagerOptions { PageIndexParameterName = "id", NumericPagerItemCount = 5, ContainerTagName = "ul", CssClass = "pagination", CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>", DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>", PagerItemTemplate = "<li>{0}</li>", Id = "bootstrappager2", PageIndexBoxId = "pageIndexBox", GoToButtonId = "goToBtn" })

樣式用的是 bootstrap.css

?

備注:參考文檔?http://www.webdiyer.com/mvcpager/demos/applycss/

?

轉載于:https://www.cnblogs.com/ICE_Inspire/p/5162417.html

總結

以上是生活随笔為你收集整理的MVC 分页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。