如何返回ViewModel PagedList [ASP MVC]

Question

我試圖返回帶有分頁的類別頁面....我的視圖有問題，我無法處理視圖模型成員，也無法控制它們...

這是我的ViewModel：

public class CategoryVm
{
    public List<Book> Book { set; get; }

    public Category Category_Content { get; set; }


}

這也是控制器：

public ActionResult Category(int? id, int? page)
    {
        int pageSize = 6;
        int pageNumber = page ?? 1;
        if (id != null)
        {
            var vm = new CategoryVm();
            vm.Category_Content = db.Categories.Where(t => t.Category_id == id).Single();
            vm.Book = db.Books.Where(b => b.Category_id == id).ToList();
            if (vm != null)
            {
                //Here I have the problem , it telling me that 'CategoryVm' does not contain a definition for 'ToPagedList'
                return View(vm.ToPagedList(pageNumber, pageSize));

            }
            return HttpNotFound();
        }

        return RedirectToAction("index",new { Controller = "Home" });
    }

這是我的看法：

@using PagedList.Mvc
@model PagedList.IPagedList<SmartBookLibrary.ViewModel.CategoryVm>

@{
    ViewBag.Title = Model.Category_Content.Category_name+ " - Smart Books Library";
}

    <div class="container">

    <div class="row">

        <div class="col-md-3">
            <p class="lead">Categories</p>
            <div class="list-group">
                <a href="#" class="list-group-item">Developers</a>
            </div>
        </div>

        <div class="col-md-9">



            <div class="row">
@foreach (var item in Model.Book)
{

                <div class="col-sm-4 col-lg-4 col-md-4">

                    <figure class="snip1091 navy">
                        <img src="~/Images/@item.Book_Image" alt="sq-sample6" />
                        <figcaption>
                            <label>@item.Book_name</label>
                        </figcaption><a href="/Category/@item.Category.Category_id"></a>
                    </figure>



                </div>
}


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


        </div>

    </div>

</div>

我認為我無法訪問模型：

ViewBag.Title =模型。 類別內容

@foreach（模型書中的 var項）

那么如何解決這個問題，並使分頁工作呢？

Answer 1

更新您的視圖模型以使用分頁列表

public class CategoryVm {
    public IPagedList<Book> Book { set; get; }

    public Category Category_Content { get; set; }
}

然后將分頁列表分配給您的視圖模型

public ActionResult Category(int? id, int? page) {
    int pageSize = 6;
    int pageNumber = page ?? 1;
    if (id != null) {
        var vm = new CategoryVm();
        vm.Category_Content = db.Categories.Where(t => t.Category_id == id).Single();
        var books = db.Books.Where(b => b.Category_id == id).ToList();
        if (vm != null) {
            //Apply paged list to view model.
            vm.Books = books.ToPagedList(pageNumber, pageSize);
            return View(vm);
        }
        return HttpNotFound();
    }

    return RedirectToAction("index",new { Controller = "Home" });
}

現在，在您的視圖中更改模型。

@model SmartBookLibrary.ViewModel.CategoryVm

和

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

Answer 2

根據此處ToPageList將應用於IEnumerable或IQueryable： https : //github.com/troygoode/PagedList

        var vm = new CategoryVm();
        vm.Category_Content = db.Categories.Where(t => t.Category_id == id).Single();
        vm.Book = db.Books.Where(b => b.Category_id == id).ToList();
        if (vm != null)
        {
            var newListCategoryVm = new List<CategoryVm>() {vm}

            return View(newListCategoryVm.ToPagedList(pageNumber, pageSize));

        }

在視圖中，您現在知道需要隨心所欲。