MVC 分页

后台代码:

using Webdiyer.WebControls.Mvc;

 public ActionResult Index(int id = )
         {
             int pageIndex = id;
             int count;
             int pageSize = ;

             List<News> newsList =
                 newsSer.QueryByPage(pageIndex, pageSize, out count, c => c.IsDel == false && c.Status == (int)Enums.EStatus.pass, c => c.PTime)
                     .ToList();

             ViewBag.count = Math.Ceiling(count * 1.0 / pageSize);
             ViewBag.pageIndex = pageIndex;
             ViewBag.newsList = newsList;

             PagedList<News> mPage = newsList.ToPagedList(pageIndex, pageSize);
             mPage.TotalItemCount = count;
             mPage.CurrentPageIndex = pageIndex;//此处3行可换为 IPagedList<News> mPage=new PagedList<News>(newsList,pageIndex,pageSize,count);

             ViewBag.mPage = mPage;
             return View();
         }

前台代码:

@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" })

样式:

 /*分页 楚晓冰*/
 /* digg style*/
 /* 蓝色:#000099 */
 /* 淡蓝色:rgb(0, 160, 234) */

 div#diggpager { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; margin-top: 25px; }
 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; }
 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; }
 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; }
 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; }
 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/