asp.net MVC使用PagedList.MVC實(shí)現(xiàn)分頁(yè)效果

更新時(shí)間：2017年07月24日 15:21:05 作者：zhjchhahaha

這篇文章主要為大家詳細(xì)介紹了asp.net MVC使用PagedList.MVC實(shí)現(xiàn)分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

在上一篇的EF之DB First中，存在以下的兩個(gè)問(wèn)題：

1. 添加/編輯頁(yè)面顯示的是屬性名稱，而非自定義的名稱（如：姓名、專業(yè)...)

2. 添加/編輯時(shí)沒(méi)有加入驗(yàn)證

3. 數(shù)據(jù)展示使用分頁(yè)

@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" }) 是顯示屬性Name的“標(biāo)簽”，如果沒(méi)有指定Display特性，則直接顯示屬性名Name

通用數(shù)據(jù)庫(kù)生成的實(shí)體模型文件與代碼一般不直接修改(防止下次生成時(shí)覆蓋)，這里要使用驗(yàn)證與實(shí)體分離

添加一個(gè)驗(yàn)證類，代碼如下：

using System.ComponentModel.DataAnnotations;

namespace Zhong.Web.Models
{
 [MetadataType(typeof(T_StudentValidateInfo))]
 public partial class T_Student
 {
 }
 public class T_StudentValidateInfo
 {
  [Display(Name="姓名")]
  [Required(ErrorMessage ="姓名不能為空")]
  [StringLength(10,ErrorMessage ="姓名長(zhǎng)度超出限制")]
  public string Name { get; set; }

  [Display(Name="學(xué)號(hào)")]
  [Required]
  [StringLength(20,MinimumLength =10,ErrorMessage ="長(zhǎng)度為10-20")]
  public string StudentId { get; set; }
 }
}

此時(shí)前臺(tái)訪問(wèn)并提交：

從上圖可以發(fā)現(xiàn)Name變成了“姓名”，StudentsId變成了“學(xué)號(hào)”，點(diǎn)擊Create按鈕后，出現(xiàn)了驗(yàn)證提示信息。

分頁(yè)的實(shí)時(shí)使用PagedList.MVC插件，可以nuget添加引用

StudentsController中增加一個(gè)List的控制器方法：

public ActionResult List(int page = 1)
{
 //var students = entities.T_Student.OrderBy(s => s.Id).Skip((page - 1) * 2).Take(2);
 var students = entities.T_Student.OrderBy(s => s.Id);
 return View(students.ToPagedList(page, 2));
}

視圖代碼如下：

@using PagedList.Mvc
@model PagedList.IPagedList<Zhong.Web.Models.T_Student>

@{
 ViewBag.Title = "List";
}

<h2>List</h2>

<p>
 @Html.ActionLink("Create New", "Create")
</p>
<table class="table">
 <tr>
  <th>
   姓名
  </th>
  <th>
   學(xué)號(hào)
  </th>
  <th>
   專業(yè)
  </th>
  <th></th>
 </tr>

@foreach (var item in Model) {
 <tr>
  <td>
   @Html.DisplayFor(modelItem => item.Name)
  </td>
  <td>
   @Html.DisplayFor(modelItem => item.StudentId)
  </td>
  <td>
   @Html.DisplayFor(modelItem => item.T_Major.Name)
  </td>
  <td>
   @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
   @Html.ActionLink("Details", "Details", new { id=item.Id }) |
   @Html.ActionLink("Delete", "Delete", new { id=item.Id })
  </td>
 </tr>
}

</table>
@Html.PagedListPager(Model,page => Url.Action("List",new { page}))