时间戳

首页 > 解决方案 > ASP.NET MVC 分页在 ViewModel 上不起作用

asp.net-mvc - ASP.NET MVC 分页在 ViewModel 上不起作用

问题描述

我在我的项目中使用分页。我有搜索框并将搜索文本发送到操作结果。

我在 Search ActionResult 中找到了断点。选择查询后，我的新闻和公告正在填写。

搜索操作结果

 public ActionResult Search(string searchText,int? page)
    {
     int pageIndex=page??1;
     int dataCount=20;

     dbContext=new dbContext();
     SearchViewModel searchViewModel=new SearchViewModel();

     var news=(from news in dbContext.News
               where news.Title.Contains(searchText)
               select news).ToList();


     var announcement=(from announcement in dbContext.Announcement
               where announcement.Title.Contains(searchText)
               select announcement).ToList();


     searchViewModel.News=news;
     searchViewModel.Announcement=announcement;

     List<SearchViewModel> searchViewModelList=new List<SearchViewModel> {searchViewModel};

     return View(searchViewModelList.ToPagedList(pageIndex,dataCount));

    }

搜索视图模型

public class SearchViewModel
{

   public IEnumerable<News> News {get;set;}
   public IEnumerable<Announcement> Annocument{get;set;}    
}

我的模型在视图中不为空。搜索后我正在显示我的所有数据标题。PagedList 已显示，但只有 1 页。

搜索.cshtml

@model PagedList.IPagedList<MyProject.ViewModels.SearchViewModel>
@using PagedList
@using PagedList.Mvc

<div class=container>
@foreach (var item in Model)
{ 
  foreach (var news in item.News)
 {
  @news.Title
 }

 foreach(var announcement in item.Announcement)
 {
  @announcement.Title
 }

}

@Html.PagedListPager(Model,page=>Url.Action("Search",new {page=page}));
</div>

我之前在我的项目中使用了 PagedList。但我想在 ViewModel 中使用。我哪里错了？

标签： asp.net-mvcpaginationpagedlist

解决方案

ToPagedList()旨在使用数据模型，而不是视图模型。您当前正在做的是通过调用从数据库中返回所有记录News（这违背了使用服务器端分页的整个目的），并将所有这些记录分配给您的视图模型的一个实例的属性，然后应用到那个单个实例。Accouncement.ToList()ToPagedList()

您需要将视图模型属性更改为IPagedList<T>然后将分页应用于每个属性，而不是视图模型本身。您的视图模型应该是

public class SearchViewModel
{
    public string SearchText { get; set; }
    public IPagedList<News> News { get; set; }
    public IPagedList<Announcement> Annoucements { get; set; }
}

然后控制器方法将是（请注意，您的 linq 查询需要包含一个 orderby 子句，但我不知道您要按哪个属性排序）

public ActionResult Search(string searchText, int? page)
{
    int pageIndex = page ?? 1;
    int dataCount = 20;

    dbContext=new dbContext();
    IQueryable<News> news = (from news in dbContext.News 
        where news.Title.Contains(searchText) orderby ?? select news);
    IQueryable<News> announcements = (from announcement in dbContext.Announcement 
        where announcement.Title.Contains(searchText) orderby ?? select announcement);

    SearchViewModel model = new SearchViewModel
    {
        SearchText = searchText,
        News = news.ToPagedList(pageIndex, dataCount)
        Annoucements = announcements.ToPagedList(pageIndex, dataCount)
    };
    return View(model);
}

然后将视图修改为

@model SearchViewModel
@using PagedList
@using PagedList.Mvc

... // your form with the input for SearchText

<div class=container>
    @foreach (var news in Model.News)
    {
        @news.Title
    }
    @foreach(var announcement in Model.Announcements)
    {
        @announcement.Title
    }
    @if (Model.News.Count() > Model.Announcements.Count())
    {
        @Html.PagedListPager(Model.News, page=>Url.Action("Search",new { page = page, searchText = Model.SearchText }));
    }
    else
    {
        @Html.PagedListPager(Model.Announcements, page=>Url.Action("Search",new { page = page, searchText = Model.SearchText }));
    }
</div>

请注意，该if块确保在您导航到可能有一些News项目但没有Announcement项目的后续页面的情况下显示页码，反之亦然。但是，这并不能保证总页数是正确的（可能有 45 条匹配News记录和 65 条匹配Announcement记录）

推荐阅读