1.引入MvcPager.dll(MvcPager分页控件:http://www.webdiyer.com/mvcpager/)
2.后台C# Controller:
//Ddemo使用Webdiyer.MvcPager的分页方法
/// <summary>
/// 分页显示
/// 使用Webdiyer.MvcPager的分页方法Demo
/// </summary>
/// <param name="pageIndex">页码,第几页(从第一页开始),与前端声明的参数对应</param>
public ActionResult Index(int pageIndex = 1 )
{
//使用Webdiyer.MvcPager的ToPagedList()方法
//返回自定义的PagedList<Test>类型,而非.NET标准的List或Queryable类型
//会查两次数据库:1.总记录数。2.当页数量的记录
PagedList<Test> wholeData = db.Tests.OrderBy(t => t.Sno).ToPagedList(pageIndex, 5);
//视图的模型类型会不匹配而出错。即使修改视图头部的model声明也不行,因为使用了Webdiyer.MvcPager的Pager分页方法
//var wholeData = db.Tests.OrderBy(t => t.Sno).Skip((pageIndex - 1) * 5).Take(5);
return View(wholeData);
}
3.前端html:
@Html.Pager(Model, new PagerOptions
{ PageIndexParameterName = "pageIndex", //对应控制器参数
ShowPageIndexBox = true,
PageIndexBoxType = PageIndexBoxType.DropDownList,
ShowGoButton = false,
NumericPagerItemCount = 4
}
)
4.详见TestController\Index()方法。
public class TestController : Controller
{
TestContext db = new TestContext(); //Ddemo使用Webdiyer.MvcPager的分页方法
/// <summary>
/// 分页显示
/// 使用Webdiyer.MvcPager的分页方法Demo
/// </summary>
/// <param name="pageIndex">页码,第几页(从第一页开始)</param>
public ActionResult Index(int pageIndex = )
{
//使用Webdiyer.MvcPager的ToPagedList()方法
//返回自定义的PagedList<Test>类型,而非.NET标准的List或Queryable类型
//会查两次数据库:1.总记录数。2.当页数量的记录
PagedList<Test> wholeData = db.Tests.OrderBy(t => t.Sno).ToPagedList(pageIndex, ); //视图的模型类型会不匹配而出错。即使修改视图头部的model声明也不行,因为使用了Webdiyer.MvcPager的Pager分页方法
//var wholeData = db.Tests.OrderBy(t => t.Sno).Skip((pageIndex - 1) * 5).Take(5);
return View(wholeData);
}
}
@using System.Collections.Generic;
@using Webdiyer.WebControls.Mvc;
@*@model IQueryable<TestModel.Models.Test>*@
@model PagedList<TestModel.Models.Test>
@{
ViewBag.Title = "学生列表";
}
<h2>@ViewBag.Title</h2>
@Html.ActionLink("增加", "Create")
@if (Model != null)
{
<table>
<tr>
<td>
学号
</td>
<td>
姓名
</td>
<td>
年龄
</td>
<td>
操作
</td>
<td>
所选课程查询
</td>
</tr>
@foreach (var dt in Model)
{
<tr>
<td>@dt.Sno
</td>
<td>@dt.Sname
</td>
<td>@dt.Age
</td>
<td>
@Html.ActionLink("编辑", "Edit", new { sNo = dt.Sno }, null)
@Html.ActionLink("删除", "Delete", new { sNo = dt.Sno }, new { onclick = "javascript:return confirm('确认要删除吗?');" })
</td>
<td>@Html.ActionLink("查询", "Index", "SelectCourse", new { sNo = dt.Sno }, null)
</td>
</tr> }
</table>
@Html.Pager(Model, new PagerOptions
{ PageIndexParameterName = "pageIndex",
ShowPageIndexBox = true,
PageIndexBoxType = PageIndexBoxType.DropDownList,
ShowGoButton = false,
NumericPagerItemCount = 4
}
)
}