将PagedList与ViewModel ASP.Net MVC一起使用

时间:2014-08-04 18:37:15

标签: c# asp.net-mvc asp.net-mvc-viewmodel pagedlist

我正在尝试在ASP.Net应用程序中使用PagedList,我在微软网站http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/sorting-filtering-and-paging-with-the-entity-framework-in-an-asp-net-mvc-application上找到了这个例子

在使用ViewModel的复杂情况下如何使用PagedList?我试图在没有成功的情况下将PagedList添加到此处发布的教师示例:http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/reading-related-data-with-the-entity-framework-in-an-asp-net-mvc-application

问题是ViewModel由类而不是简单字段组成,因此我无法使用ToPageList()方法转换结果。

这是ViewModel结构:

using System.Collections.Generic;
using ContosoUniversity.Models;

namespace ContosoUniversity.ViewModels
{
    public class InstructorIndexData
    {
        public IEnumerable<Instructor> Instructors { get; set; }
        public IEnumerable<Course> Courses { get; set; }
        public IEnumerable<Enrollment> Enrollments { get; set; }
    }
}

我需要将三个表连接到ViewModel中,并在View中显示结果。

5 个答案:

答案 0 :(得分:23)

对于试图在不修改ViewModel并且不从数据库加载所有记录的情况下尝试这样做的任何人。

<强>存储库

    public List<Order> GetOrderPage(int page, int itemsPerPage, out int totalCount)
    {
        List<Order> orders = new List<Order>();
        using (DatabaseContext db = new DatabaseContext())
        {
            orders = (from o in db.Orders
                      orderby o.Date descending //use orderby, otherwise Skip will throw an error
                      select o)
                      .Skip(itemsPerPage * page).Take(itemsPerPage)
                      .ToList();
            totalCount = db.Orders.Count();//return the number of pages
        }
        return orders;//the query is now already executed, it is a subset of all the orders.
    }

<强>控制器

    public ActionResult Index(int? page)
    {
        int pagenumber = (page ?? 1) -1; //I know what you're thinking, don't put it on 0 :)
        OrderManagement orderMan = new OrderManagement(HttpContext.ApplicationInstance.Context);
        int totalCount = 0;
        List<Order> orders = orderMan.GetOrderPage(pagenumber, 5, out totalCount);
        List<OrderViewModel> orderViews = new List<OrderViewModel>();
        foreach(Order order in orders)//convert your models to some view models.
        {
            orderViews.Add(orderMan.GenerateOrderViewModel(order));
        }
        //create staticPageList, defining your viewModel, current page, page size and total number of pages.
        IPagedList<OrderViewModel> pageOrders = new StaticPagedList<OrderViewModel>(orderViews, pagenumber + 1, 5, totalCount);
        return View(pageOrders);
    }

查看

@using PagedList.Mvc;
@using PagedList; 

@model IPagedList<Babywatcher.Core.Models.OrderViewModel>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<div class="container-fluid">
    <p>
        @Html.ActionLink("Create New", "Create")
    </p>
    @if (Model.Count > 0)
    {


        <table class="table">
          <tr>
            <th>
                @Html.DisplayNameFor(model => model.First().orderId)
            </th>
            <!--rest of your stuff-->
        </table>

    }
    else
    {
        <p>No Orders yet.</p>
    }
    @Html.PagedListPager(Model, page => Url.Action("Index", new { page }))
</div>

加成

首先做,然后或许使用它!

由于这个问题是关于(视图)模型的,我将为您提供一些解决方案,它不仅对分页有用,而且对于您的应用程序的其余部分,如果您想保留您的实体单独的,仅在存储库中使用,并让应用程序的其余部分处理模型(可以用作视图模型)。

<强>存储库

在您的订单存储库(在我的情况下)中,添加一个静态方法来转换模型:

public static OrderModel ConvertToModel(Order entity)
{
    if (entity == null) return null;
    OrderModel model = new OrderModel
    {
        ContactId = entity.contactId,
        OrderId = entity.orderId,
    }
    return model;
}

在您的存储库类下面,添加:

public static partial class Ex
{
    public static IEnumerable<OrderModel> SelectOrderModel(this IEnumerable<Order> source)
    {
        bool includeRelations = source.GetType() != typeof(DbQuery<Order>);
        return source.Select(x => new OrderModel
        {
            OrderId = x.orderId,
            //example use ConvertToModel of some other repository
            BillingAddress = includeRelations ? AddressRepository.ConvertToModel(x.BillingAddress) : null,
            //example use another extension of some other repository
            Shipments = includeRelations && x.Shipments != null ? x.Shipments.SelectShipmentModel() : null
        });
    }
}

然后在你的GetOrderPage方法中:

    public IEnumerable<OrderModel> GetOrderPage(int page, int itemsPerPage, string searchString, string sortOrder, int? partnerId,
        out int totalCount)
    {
        IQueryable<Order> query = DbContext.Orders; //get queryable from db
        .....//do your filtering, sorting, paging (do not use .ToList() yet)

        return queryOrders.SelectOrderModel().AsEnumerable();
        //or, if you want to include relations
        return queryOrders.Include(x => x.BillingAddress).ToList().SelectOrderModel();
        //notice difference, first ToList(), then SelectOrderModel().
    }

让我解释一下:

静态ConvertToModel方法可以被任何其他存储库访问,如上所述,我使用ConvertToModel中的AddressRepository

扩展类/方法允许您将实体转换为模型。 这可以是IQueryable或任何其他列表,集合

现在有了神奇之处:如果您在调用SelectOrderModel()扩展名之前执行了查询,则扩展名中的includeRelations将为true,因为source不是数据库查询类型(不是一个linq-to-sql IQueryable)。如果是这样,扩展可以调用整个应用程序中的其他方法/扩展来转换模型。

现在另一方面:您可以先执行扩展,然后继续进行LINQ过滤。 最终会在数据库中进行过滤,因为您尚未执行.ToList(),扩展程序只是处理查询的一层。 Linq-to-sql最终将知道在数据库中应用哪些过滤。 inlcudeRelations将为false,因此它不会调用SQL无法理解的其他c#方法。

起初看起来很复杂,扩展可能是新的,但它确实很有用。最后,当你为所有存储库设置了它时,只需.Include()额外加载关系。

答案 1 :(得分:16)

正如Chris所说,您使用ViewModel的原因并不能阻止您使用PagedList。 您需要形成一组ViewModel对象,这些对象需要发送到视图以进行分页。

以下是有关如何将PagedList用于viewmodel数据的分步指南。

您的viewmodel(我举了一个简单的例子,您可以轻松修改它以满足您的需求。

public class QuestionViewModel
{
        public int QuestionId { get; set; }
        public string QuestionName { get; set; }
}

并且控制器的Index方法类似于

public ActionResult Index(int? page)
{
     var questions = new[] {
           new QuestionViewModel { QuestionId = 1, QuestionName = "Question 1" },
           new QuestionViewModel { QuestionId = 1, QuestionName = "Question 2" },
           new QuestionViewModel { QuestionId = 1, QuestionName = "Question 3" },
           new QuestionViewModel { QuestionId = 1, QuestionName = "Question 4" }
     };

     int pageSize = 3;
     int pageNumber = (page ?? 1);
     return View(questions.ToPagedList(pageNumber, pageSize));
}

您的索引视图

@model PagedList.IPagedList<ViewModel.QuestionViewModel>
@using PagedList.Mvc; 
<link href="/Content/PagedList.css" rel="stylesheet" type="text/css" />


<table>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.QuestionId)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.QuestionName)
        </td>
    </tr>
}

</table>

<br />

Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager( Model, page => Url.Action("Index", new { page }) )

以下是SO link我的回答,其中包含有关如何使用PageList

的分步指南

答案 2 :(得分:13)

我修改了代码如下:

视图模型

using System.Collections.Generic;
using ContosoUniversity.Models;

namespace ContosoUniversity.ViewModels
{
    public class InstructorIndexData
    {
     public PagedList.IPagedList<Instructor> Instructors { get; set; }
     public PagedList.IPagedList<Course> Courses { get; set; }
     public PagedList.IPagedList<Enrollment> Enrollments { get; set; }
    }
}

控制器

public ActionResult Index(int? id, int? courseID,int? InstructorPage,int? CoursePage,int? EnrollmentPage)
{
 int instructPageNumber = (InstructorPage?? 1);
 int CoursePageNumber = (CoursePage?? 1);
 int EnrollmentPageNumber = (EnrollmentPage?? 1);
 var viewModel = new InstructorIndexData();
 viewModel.Instructors = db.Instructors
    .Include(i => i.OfficeAssignment)
    .Include(i => i.Courses.Select(c => c.Department))
    .OrderBy(i => i.LastName).ToPagedList(instructPageNumber,5);

 if (id != null)
 {
    ViewBag.InstructorID = id.Value;
    viewModel.Courses = viewModel.Instructors.Where(
        i => i.ID == id.Value).Single().Courses.ToPagedList(CoursePageNumber,5);
 }

 if (courseID != null)
 {
    ViewBag.CourseID = courseID.Value;
    viewModel.Enrollments = viewModel.Courses.Where(
        x => x.CourseID == courseID).Single().Enrollments.ToPagedList(EnrollmentPageNumber,5);
 }

 return View(viewModel);
}

查看

<div>
   Page @(Model.Instructors.PageCount < Model.Instructors.PageNumber ? 0 : Model.Instructors.PageNumber) of @Model.Instructors.PageCount

   @Html.PagedListPager(Model.Instructors, page => Url.Action("Index", new {InstructorPage=page}))

</div>

我希望这会对你有所帮助!!

答案 3 :(得分:3)

我想出了如何做到这一点。我正在构建一个非常类似于您在原始问题中讨论的示例/教程的应用程序。

以下是适用于我的代码片段:

        int pageSize = 4;
        int pageNumber = (page ?? 1);
        //Used the following two formulas so that it doesn't round down on the returned integer
        decimal totalPages = ((decimal)(viewModel.Teachers.Count() /(decimal) pageSize));     
        ViewBag.TotalPages = Math.Ceiling(totalPages);  
        //These next two functions could maybe be reduced to one function....would require some testing and building
        viewModel.Teachers = viewModel.Teachers.ToPagedList(pageNumber, pageSize);
        ViewBag.OnePageofTeachers = viewModel.Teachers;
        ViewBag.PageNumber = pageNumber;

        return View(viewModel);

我添加了

using.PagedList;

到我的控制器,如教程所述。

现在在我看来我在顶部使用语句等,注意我没有改变我的使用模型语句。

@model CSHM.ViewModels.TeacherIndexData
@using PagedList;
@using PagedList.Mvc;
<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />

然后在底部构建我的分页列表我使用了以下它似乎工作。我还没有构建当前排序的功能,显示相关数据,过滤器等,但我不认为这将是那么困难。

Page @ViewBag.PageNumber of @ViewBag.TotalPages

@Html.PagedListPager((IPagedList)ViewBag.OnePageofTeachers, page => Url.Action("Index", new { page }))

希望对你有用。让我知道它是否有效!!

答案 4 :(得分:1)

您使用视图模型的事实没有影响。使用PagedList的标准方法是存储&#34;一页项目&#34;作为ViewBag变量。您需要确定的是您收集的内容是什么。您无法同时对多个集合进行逻辑分页,因此假设您选择了Instructors

ViewBag.OnePageOfItems = myViewModelInstance.Instructors.ToPagedList(pageNumber, 10);

然后,标准代码的其余部分一如既往地工作。