asp.net MVC使用PagedList.MVC实现分页效果

3. 数据展示使用分页

@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" }) 是显示属性Name的“标签”,如果没有指定Display特性,则直接显示属性名Name

通用数据库生成的实体模型文件与代码一般不直接修改(防止下次生成时覆盖),这里要使用验证与实体分离

添加一个验证类,代码如下 :

asp.net MVC使用PagedList.MVC实现分页效果

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 ="姓名长度超出限制")] public string Name { get; set; } [Display(Name="学号")] [Required] [StringLength(20,MinimumLength =10,ErrorMessage ="长度为10-20")] public string StudentId { get; set; } } }

此时前台访问并提交:

asp.net MVC使用PagedList.MVC实现分页效果

从上图可以发现Name变成了“姓名”,StudentsId变成了“学号”,点击Create按钮后,出现了验证提示信息。

分页的实时使用PagedList.MVC插件,可以nuget添加引用

asp.net MVC使用PagedList.MVC实现分页效果

asp.net MVC使用PagedList.MVC实现分页效果

StudentsController中增加一个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> <tr> <th> 姓名 </th> <th> 学号 </th> <th> 专业 </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}))

asp.net MVC使用PagedList.MVC实现分页效果

asp.net MVC使用PagedList.MVC实现分页效果

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdpgdp.html