ASP.NET MVC 3.0（十六）： MVC 3.0 实例系列之表格数据的分页

......................................
publicEmployeeGridModel()
{
//默认值 每页显示5条记录 从第1页开始this.PageSize =5;
this.CurrentPageIndex =1;
}
///<summary>///当前页的索引
///</summary>publicintCurrentPageIndex { get; set; }
///<summary>///每页显示的记录条数
///</summary>publicintPageSize { get; set; }
///<summary>///总记录条数
///</summary>publicintTotalRecordCount { get; set; }
///<summary>///分页总数
///</summary>publicintPageCount
{
get
{
if(TotalRecordCount %PageSize ==0)
{
returnTotalRecordCount /PageSize;
}
else
{
returnTotalRecordCount /PageSize +1;
}
}
}

publicActionResult Paged(intpage =1, intpageSize =5)
{
var model =newEmployeeGridModel
{
CurrentPageIndex =page,
PageSize =pageSize,
//确定记录总数（才能计算出PageCount页数）TotalRecordCount =this.DataContext.Employee.Count()
};
//获取当前页的信息model.Employees =this.DataContext.Employee
.Skip((model.CurrentPageIndex -1) *model.PageSize)
.Take(model.PageSize);
returnView(model);
}

@model MVC3.Grid.Models.EmployeeGridModel
@{
ViewBag.Title = "Paged";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>分页列表</h2><p><i>总共有 @Model.TotalRecordCount 条记录，每页显示 @Model.PageSize 条</i><i>你正在查看的是 @Model.PageCount 页的第 @Model.CurrentPageIndex 页</i></p><table border="1"width="100%"style="text-align: center; border-collapse: collapse"><tr><th>编号</th><th>姓名</th><th>性别</th><th>生日</th><th>是否婚配</th></tr>
@foreach (var item in Model.Employees)
{
<tr><td>@item.EmployeeNO</td><td>@item.EmployName</td><td>@item.Sex</td><td>@item.Birthday</td><td>
@if (item.Marital == "1")
{
@:@("是")
}
@if (item.Marital != "1")
{
@:@("否")
}
</td></tr>
}
<tr><td colspan="5">&nbsp</td></tr></table>

@model MVC3.Grid.Models.EmployeeGridModel
@{
//文本编写器var razorWriter =ViewContext.Writer;
//判断当前链接是否选中if((bool)ViewData["Inactive"])
{
//将当前的Text输出 加入了css样式 该样式可以写在样式表、母版页、当前页中razorWriter.Write(string.Format("<span class=\"{0}\">{1}</span>", "pagerButtonDisabled", ViewData["Text"]));
}
else
{
//路由参数var routeData =newRouteValueDictionary { { "page", ViewData["PageIndex"].ToString() }, { "pageSize", Model.PageSize } };
var htmlAttributes =newDictionary<string, object>();
//判断是否为选中状态 添加CSS样式if((bool)ViewData["Selected"])
{
htmlAttributes.Add("class", "pagerButtonCurrentPage");
}
else
{
htmlAttributes.Add("class", "pagerButton");
}
var linkMarkup =Html.ActionLink(
ViewData["Text"].ToString(),                                    //超链接文本Html.ViewContext.RouteData.Values["action"].ToString(),         //ActionHtml.ViewContext.RouteData.Values["controller"].ToString(),     //ControllerrouteData,                                                      //路由参数htmlAttributes                                                  //HTML属性适用于超链接).ToHtmlString();
razorWriter.Write(linkMarkup);
}
}

a.pagerButton, a.pagerButton:visited
{
border:solid 0px black;
padding:1px;
text-decoration:none;
color:#006;
margin:0px 1px 0px 1px;}
a.pagerButton:hover
{
border:solid 1px red;
color:Black;}
a.pagerButtonCurrentPage
{
border:solid 1px #00a;
padding:1px;
text-decoration:none;
color:White;
background-color:#006;
margin:0px 1px 0px 1px;}
.pagerButtonDisabled
{
border:none;
color:#999;
padding:1px;}

//路由参数        var routeData =newRouteValueDictionary { { "page", ViewData["PageIndex"].ToString() }, { "pageSize", Model.PageSize } };

@model MVC3.Grid.Models.EmployeeGridModel
<div>
@{
//创建上一页链接Html.RenderPartial("_PagerLink", Model,
newViewDataDictionary { 
{ "Text", "上一页"}, 
{ "PageIndex", Model.CurrentPageIndex -1}, 
{ "Selected", false}, 
{ "Inactive", Model.CurrentPageIndex ==1}
});
//获取第一页和最后一页var startPageIndex =Math.Max(1, Model.CurrentPageIndex -Model.PageCount /2);
var endPageIndex =Math.Min(Model.PageCount, Model.CurrentPageIndex +Model.PageCount /2);
//添加中间的页码 如： 上一页 1 2 3 4 下一页for(var i =startPageIndex; i <=endPageIndex; i++)
{
Html.RenderPartial("_PagerLink", Model,
newViewDataDictionary { 
{ "Text", i }, 
{ "PageIndex", i }, 
{ "Selected", i ==Model.CurrentPageIndex }, 
{ "Inactive", i ==Model.CurrentPageIndex } 
});
}
//创建下一页Html.RenderPartial("_PagerLink", Model,
newViewDataDictionary { 
{ "Text", "下一页"}, 
{ "PageIndex", Model.CurrentPageIndex +1}, 
{ "Selected", false}, 
{ "Inactive", Model.CurrentPageIndex ==Model.PageCount }
});
}
</div>

<tr><td colspan="5">
@Html.Partial("_Pager", Model)
</td></tr>

@model MVC3.Grid.Models.EmployeeGridModel
@{
ViewBag.Title = "Paged";
Layout = "~/Views/Shared/_Layout.cshtml";
int i = 0;
}
<h2>分页列表</h2><p><i>总共有 @Model.TotalRecordCount 条记录，每页显示 @Model.PageSize 条</i><i>你正在查看的是 @Model.PageCount 页的第 @Model.CurrentPageIndex 页</i></p><table border="1"width="100%"style="text-align: center; border-collapse: collapse"><tr><th>编号</th><th>姓名</th><th>性别</th><th>生日</th><th>是否婚配</th></tr>
@foreach (var item in Model.Employees)
{
<tr><td>@item.EmployeeNO</td><td>@item.EmployName</td><td>@item.Sex</td><td>@string.Format("{0:yyyy年MM月dd日}",item.Birthday)</td><td>
@if (item.Marital == "1")
{
@:@("是")
}
@if (item.Marital != "1")
{
@:@("否")
}
</td></tr>
i++;  
}
@if (i <5)
{
while (i < Model.PageSize)
{
i++;
<tr><td colspan="5">&nbsp</td></tr>
}
}
<tr><td colspan="5">
@Html.Partial("_Pager", Model)
</td></tr></table>