学习ASP.NET MVC(十一)——分页

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using PagedList;
 
namespace MvcApplication1.Models
{
    public class ViewBook
    {

         public IPagedList<Book> Books { get; set; }
         public string Search { get; set; }      

         public string Category { get; set; }
         public string SortBy { get; set; }     
    }
}

　　咱们如今须要修改BookController类的SearchIndex方法，以便Books做为PagedList返回（使用ToPagedList()方法完成）。为了使用PagedList，咱们还须要设置默认排序。为了使用PagedList包，咱们首先须要在该文件的顶部添加using PagedList;代码，而后修改Controllers\BookController.cs文件为下列粗体显示的代码。

        public ActionResult SearchIndex(string Category, string searchString, string sortBy,int? page) { var cateLst = new List<string>(); var cateQry = from d in db.Books orderby d.Category select d.Category; cateLst.AddRange(cateQry.Distinct()); ViewBag.category = new SelectList(cateLst); //排序选项
                var orderbyLst = new Dictionary<string, string> { { "价格从低到高", "price_lowest" }, { "价格从高到低", "price_highest" } }; ViewBag.sortBy = new SelectList(orderbyLst, "Value", "Key"); // [2017-2-14 end]
            var books = from m in db.Books select m; if (!String.IsNullOrEmpty(searchString)) { books = books.Where(s => s.Name.Contains(searchString)); } // sort the results
            switch (sortBy) { case "price_lowest": books = books.OrderBy(p => p.Price); break; case "price_highest": books = books.OrderByDescending(p => p.Price); break; default: books = books.OrderBy(p => p.Name); break; } //分页 const int pageItems = 5; int currentPage = (page ?? 1); IPagedList<Book> pageBooks = books.ToPagedList(currentPage, pageItems); // [2017-2-14] ViewBook vbook = new ViewBook(); vbook.Books = pageBooks; vbook.Category = Category; vbook.SortBy = sortBy; vbook.Search = searchString; if (string.IsNullOrEmpty(Category)) vbook.Books =pageBooks; else { vbook.Books =pageBooks.Where(x => x.Category == Category).ToPagedList(currentPage, pageItems); } return View(vbook); }

　　以上代码进行了如下几回发动，第一处改动是添加了一个int? page参数，它是一个可空整型，表示用户在书籍查询页面中选择的当前页码。当第一次加载书籍查询页面时，用户尚未选择任何页码，所以，这个参数能够为null。

　　咱们必须确保当前的分类也要保存在视图实体对象中，所以，咱们添加了vbook.Category = Category;这行代码。

　　代码books = books.OrderBy(p => p.Name);用于对产品列表进行默认排序，这是由于PagedList要求列表必须是一个有序列表。

　　接着，咱们使用代码const int pageItems = 5;来指定每页显示的数据数量。而后，咱们声明了一个整型变量int currentPage = (page ?? 1);来保存当前页码，该变量的值是page参数的值，或者是1（当page变量为null时）。

　　咱们使用代码vbook.Books = books.ToPagedList(currentPage, PageItems);，对产品信息调用了ToPagedList方法，并将当前页和每页显示的条目数传递给了ToPagedList方法，而后将该方法的返回值赋值给了视图实体对象的Books属性。

　　咱们使用代码viewBook.SortBy = sortBy;将sortBy参数的值保存到视图实体对象的SortBy属性中，以便咱们从一页移动到另外一页时，产品的排序保持不变。

3) 带分页功能的查询页面

　　在视图实体对象和控制器中对实现分页功能的代码进行修改以后，如今，咱们须要更新视图文件\Views\Products\SearchIndex.cshtml，在这个视图文件中显示一个分页控件，以便用户能够在各页之间移动。咱们同时也添加了有多少条数据的指示信息。为了完成这些功能，咱们在该文件中添加了一个using语句，一个书籍总数的指示信息以及在该页底部显示一个分页控件，具体代码以下面显示：

  @model MvcApplication1.Models.ViewBook
 @using PagedList.Mvc

@{

    ViewBag.Title = "书籍查询";
}
   <link href="/Content/PagedList.css" rel="stylesheet" type="text/css" /> <h2>书籍查询</h2>
     @using (Html.BeginForm("SearchIndex","book",FormMethod.Get)){   
         <p>书籍种类： @Html.DropDownList("category", "All")  
           书籍名称： @Html.TextBox("SearchString") 
              排序: @Html.DropDownList("sortBy", "不排序")
         <input type="submit" value="查询" /> </p>
        }

<table>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Books.First().Category)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Books.First().Name)

        </th>
        <th>
            @Html.DisplayNameFor(model => model.Books.First().Numberofcopies)

        </th>
        <th>
            @Html.DisplayNameFor(model => model.Books.First().AuthorID)

        </th>
        <th>
            @Html.DisplayNameFor(model => model.Books.First().Price)

        </th>
        <th>
            @Html.DisplayNameFor(model => model.Books.First().PublishDate)

        </th>
        <th></th>

    </tr>
@foreach (var item in Model.Books) {

    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Category)

        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Name)

        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Numberofcopies)

        </td>
        <td>
            @Html.DisplayFor(modelItem => item.AuthorID)

        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Price)

        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PublishDate)

        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.BookID }) |

            @Html.ActionLink("Details", "Details", new { id=item.BookID }) |

            @Html.ActionLink("Delete", "Delete", new { id=item.BookID })

        </td>
    </tr>
}
</table>

<div> Page @(Model.Books.PageCount < Model.Books.PageNumber ? 0 : Model.Books.PageNumber) of @Model.Books.PageCount @Html.PagedListPager(Model.Books, page => Url.Action("SearchIndex", new { category = Model.Category, 
search = Model.Search, sortBy = Model.SortBy, page })) </div>

分页连接生成代码包裹在div标签内。其中第一行代码使用?:操做符的第一行代码决定是否有任何页码显示，它显示“Page 0 of 0”或者“Page x of y”，x表示当前页码，y表示总页数。

第二行代码使用来自于PagedList.Mvc命名空间的PagedListPager辅助器。该辅助器接收一个产品列表参数，并为每一个页面生成一个超连接。Url.Action用于生成一个含有当前页参数超连接目标。咱们将一个匿名类型（含有当前分类、搜索条件、排序信息和分页）传递给该辅助器方法，以便每一个页面的连接中都包含一个查询字符串，这个查询字符串包含有当前分类、搜索条件、排序信息和分页信息。这意味着，当从一个页面移动到另外一个页面时，搜索条件、选择的分类和排序规则都被保存下来。若是没有这样作，书籍列表将会被重置为显示全部书籍信息。

在使用了上述代码后，按“价格从低到高”排序分页界面，以下图1。

图1

　　咱们发现分页的数字部分，并很差看，原来咱们缺乏引用了CSS，在查询页面的标题下方添加以下代码。在上述代码中的蓝色字体。

再次点击“查询”按钮，而后对其结果按照“价格从低到高”进行排序，效果以下图2。

图2：有搜索条件、排序和按分类过滤的分页效果