ASP.NET MVC分页的实现(下)

 

5、 添加View。选中NewsController，右键，添加View，会弹出如下图：

在这里，我们选中MvcCompany.Models.news，在View content下拉列表中选择List（因为要实现列表分页）。

Index.aspx页面代码如下：

<% @ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcCompany.Models.NewList<MvcCompany.Models.news>>" %><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

< asp : Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">

    新闻

</ asp : Content >

< asp : Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<!-- 前半部分-->  

  <%using (Html.BeginForm())

      { %>

    <h2>

        新闻列表</h2>

    <table>

        <tr>

            <th>

                编号

            </th>

            <th>

                题目

            </th>

            <th>

                时间

            </th>

            <th>

                内容

            </th>

        </tr>

        <% foreach (var item in Model)

           { %>

        <tr>

            <td>

                <%= Html.Encode(item.ID)%>

            </td>

            <td>

                <%= Html.Encode(item.title)%>

            </td>

            <td>

                <%= Html.Encode(String.Format("{0:g}", item.datetimes))%>

            </td>

            <td>

                <%= Html.Encode(item.contents)%>

            </td>

        </tr>

        <% } %>

    </table>

< hr />

    <!-- 后半部分-->

    <% =Html.RouteLink(" 首页" , "UpcomingNews", new { page = 0 })%>|

    <%  if (Model.HasPreviousPage)

        {%>

    <% =Html.RouteLink(" 上一页" , "UpcomingNews", new { page = (Model.PageIndex - 1) })%>|

    <%} %>

    <%  if (Model.HasNextPage)

        {%>

    <% =Html.RouteLink(" 下一页" , "UpcomingNews", new { page = (Model.PageIndex + 1) })%>|

    <%} %>

    <% =Html.RouteLink(" 尾页" , "UpcomingNews", new { page = Model.PageSize - 1 })%>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    第

    <%=Html.TextBox("pageindex", Model.PageIndex, new {style="width:30px;"})%> 页<input

        type="submit" value=" 转到" id="sub" />

    <%} %>

</ asp : Content >

代码的前半部分，很好理解。

代码的后半部分，我们来分析一下，首页，是采用

Html.RouteLink(“首页”,”UpcomingNews”,new{ page=0})，是要定位到名称为”UpcomingNews”的路由，这个路由在Global.asax中，代码如下：

routes.MapRoute(

             "UpcomingNews",

             "News/page/{page}",

         new { controller = "News", action = "Index" });

路由的名称是”UpcominNews”，Url格式是News/page/{page}，News和page是url的一种格式，后面{page}是参数，这个参数的名称要与View中，后半部分的new{page=0}的page，以及NewsController中的方法Index(int? page)中的page都必需统一。如果有请求

News/page/2的url，实际上请求的是 news?page=2的页网（路由在ASP.NET MVC官上有说明）。

首页为中的page=0，最终会成为NesController中Index(int? page)方法，的实参，返回首页数据（及数据库表的前5条数据）。

上一页，在当前页数PageIndex的基础上减1。

下一页，在当前页数PageIndex的基础上加1

（注：上面的加减1都不会越界，因为当显示第一页时，“上一页”的超连接就不会显示。当最后一页时，“下一页”的超连接就不会显示）

尾页同首页。

现在的一个问题是“转到”第几页的实现，我们知道，转到第几页的“几”，得用户输入，所以这里用一个Html.TextBox来实现，完全代码是

<%=Html.TextBox("pageindex", Model.PageIndex, new {style="width:30px;"})%>

最终会生成一个名称为pageindex的intup，类型为Text，它的值始终为当前的索引页值Model.PageIndex，其中有一个宽度的属性new {style="width:30px;"}。

同时还有一个<input  type="submit" value="转到" id="sub" />用来向后参提交。因为代码中有<form>表单，所以可以在NewsController中接收这个提交。

Index(FormCollection formValues)方法用来处理这个提交。这里会从formValues.GetValue("pageindex").AttemptedValue中午到客户端用户输入“pageindex”文本框中的值。从而来完成定向。

 

至此，我们就用ASP.NET MVC实现了一个分页功能，相比之下要难ASP.NET的GridView自动分页好多。

在这个例子中，我们在Models层中提供了实体类及news表的集合类。在Controller层增加了NewsController类。在View层增加了News的view，从M-V-C角度，分别完成了对分页的功能。