這篇文章給大家分享的是有關(guān)ASP.NET MVC4 Razor模板如何實(shí)現(xiàn)分頁(yè)效果的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。
一、無(wú)數(shù)據(jù)提交
第一步，建立一個(gè) Controller命名為PageIndex的空控制器,自定義一個(gè)方法如下:
重慶分公司
重慶分公司
public ActionResult PageIndex(string action, string controller, int currentPage, int pageCount)
{
//int count = db.Product.Count();
ViewBag.PageCount = pageCount;//從操作中獲取總數(shù)據(jù)頁(yè)數(shù)將傳入分頁(yè)視圖頁(yè)面
ViewBag.CurrentPage = currentPage;//從操作中獲取當(dāng)前頁(yè)數(shù)將傳入分頁(yè)視圖頁(yè)面
ViewBag.action = action;
ViewBag.controller = controller;
return PartialView();
}傳入四個(gè)參數(shù)：
action：操作（要分頁(yè)的視圖的操作，默認(rèn)為Index）；
controller：控制器；
currentPage：當(dāng)前頁(yè)數(shù)；
pageCount：數(shù)據(jù)總頁(yè)數(shù)
第二步：添加視圖（PageIndex）
@if (ViewBag.PageCount == null || ViewBag.PageCount == 0)
{
您好，當(dāng)前沒(méi)有數(shù)據(jù)顯示!
}
else
{
if (ViewBag.CurrentPage <= 10)
{
首頁(yè)|
}
else
{
首頁(yè)
...
}
for (int i = ViewBag.CurrentPage - 3; i < ViewBag.CurrentPage + 3; i++)
{
if (i <= 0)
{
continue;
}
if (i > ViewBag.PageCount)
{
break;
}
第 @i 頁(yè)|
}
if (ViewBag.CurrentPage > 1)
{
上一頁(yè)|
}
if (ViewBag.PageCount > ViewBag.CurrentPage)
{
下一頁(yè)
}
if (ViewBag.CurrentPage == ViewBag.PageCount || ViewBag.CurrentPage >= ViewBag.PageCount - 10)
{
尾 頁(yè)
}
else
{
...
尾 頁(yè)
}
當(dāng)前頁(yè)數(shù)： @ViewBag.CurrentPage | 共 @ViewBag.PageCount 頁(yè)
} 第三步：操作的視圖的控制器修改
public ViewResult Index(int? pageIndex)
{
int pageInd = pageIndex.HasValue ? pageIndex.Value : 1;
ViewBag.PageCount = (int)Math.Ceiling(result.Count() / 20.0);
//這里的是take，按照每頁(yè)20個(gè)顯示
return View(result.OrderBy(t => t.PID).Skip((pageInd - 1) * 20).Take(20));
}第四步：頁(yè)面調(diào)用（即最后一步）
復(fù)制代碼 代碼如下:
@Html.Action("PageIndex", "Product", new { action = "Index", controller = "Log", pageCount = ViewBag.PageCount, currentPage = ViewBag.CurrentPage })
一般來(lái)說(shuō)，數(shù)據(jù)都是變動(dòng)的。
二、有數(shù)據(jù)提交
第一步：建立一個(gè) Controller命名為PageIndex的空控制器,自定義一個(gè)方法如下:
public ActionResult PageIndexKey(int currentPage, int pageCount)
{
ViewBag.PageCount = pageCount;//從操作中獲取總數(shù)據(jù)頁(yè)數(shù)將傳入分頁(yè)視圖頁(yè)面
ViewBag.CurrentPage = currentPage;//從操作中獲取當(dāng)前頁(yè)數(shù)將傳入分頁(yè)視圖頁(yè)面
return PartialView();
}第二步：建立分布視圖
@Html.Hidden("pageIndex")
@if (ViewBag.PageCount == null || ViewBag.PageCount == 0)
{
當(dāng)前沒(méi)有數(shù)據(jù)
}
else
{
if (ViewBag.CurrentPage <= 10)
{
首頁(yè)|
}
else
{
首頁(yè)|
...|
}
for (int i = ViewBag.CurrentPage - 3; i < ViewBag.CurrentPage + 3; i++)
{
if (i <= 0)
{
continue;
}
if (i > ViewBag.PageCount)
{
break;
}
第 @i 頁(yè)|
}
if (ViewBag.CurrentPage >1)
{
上一頁(yè)|
}
if (ViewBag.PageCount > ViewBag.CurrentPage)
{
下一頁(yè)
}
if (ViewBag.CurrentPage >= ViewBag.PageCount - 10)
{
}
else
{
...|
尾 頁(yè)
}
當(dāng)前頁(yè)數(shù)： @ViewBag.CurrentPage | 共 @ViewBag.PageCount 頁(yè)
}
第三步：修改操作視圖和控制器
public ViewResult Index(int? pageIndex ,string search)
{
int pageInd = pageIndex.HasValue ? pageIndex.Value : 1;
ViewBag.PageCount = (int)Math.Ceiling(result.Count() / 20.0);
return View(result.OrderBy(t => t.PID).Skip((pageInd - 1) * 20).Take(20));
}視圖（頁(yè)面調(diào)用）：
@using (Html.BeginForm())
{
根據(jù)性別得到查詢結(jié)果
性別: @Html.TextBox("sex")
@Html.Action("PageIndexKey", "PageIndex", new { pageCount = ViewBag.PageCount, currentPage = ViewBag.CurrentPage })
}
Example：
//數(shù)據(jù),一個(gè)list的集合 Lists = new List (); s.Add("張軍"); ViewBag.PageCount = (int)Math.Ceiling(s.Count() / 20.0); return View(s.Skip((pageInd - 1) * 20).Take(20)); @Html.Action("PageIndex", "PageIndex", new { action = "", controller = "", pageCount = ViewBag.PageCount, currentPage = ViewBag.CurrentPage })
感謝各位的閱讀！關(guān)于“ASP.NET MVC4 Razor模板如何實(shí)現(xiàn)分頁(yè)效果”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
