MVC 分頁

后臺代碼:

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

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/257751.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/257751.shtml
英文地址，請注明出處：http://en.pswp.cn/news/257751.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！