根据选中的复选框设置剃刀视图变量

Question

我正在使用 ASP.NET MVC 开发一个在线库。 这是我的图书馆管理页面的视图模型：

public class ManageViewModel
{
    public IPagedList<ManageBookViewModel> WholeInventory;
    public IPagedList<ManageBookViewModel> CurrentInventory;
    public bool OldInventoryIsShown { get; set; } = false;
}

在相应的视图中，我有一个是否显示旧库存的复选框和一个局部变量modelList，如果选中该复选框，我想将其设置为Model.WholeInventory，否则设置为Model.CurrentInventory。我使用modelList 显示一个包含所有书籍的表格，并且每次我（取消）选中复选框时都需要重置它的值，以便正确显示列表。 这可能吗？我该怎么做呢？

在我看来，我目前有：

<label class="switch">
    <input id="OldInventoryIsShown" name="OldInventoryIsShown" type="checkbox" />
    <span class="slider round"></span>
</label>
@{
    var modelList = Model.OldInventoryIsShown ? Model.WholeInventory : Model.CurrentInventory;
}      
@using (Html.BeginForm())
{
    <table id="bookInventory" class="table table-hover">
        <thead>
            <tr>
                <th>Author</th>
                <th>Title</th>
                ....
            </tr>
        </thead>
        @foreach (var entry in modelList)
        {
            <tr>
                <td>@Html.DisplayFor(modelItem => entry.Author)</td>
                <td>@Html.DisplayFor(modelItem => entry.Title)</td>
                ....
            </tr>
        }
    </table>

    <p>Page @(modelList.PageCount < modelList.PageNumber ? 0 : modelList.PageNumber) of @modelList.PageCount</p>    
    @Html.PagedListPager(modelList, page => Url.Action("Manage",  page }))
}

控制器动作：

public ActionResult Manage(int? page)
{
    var wholeInventory = _bookService.GetBooksIncludingDisabled().Select(b => Mapper.Map<Book, ManageBookViewModel>(b));
    var currentInventory = _bookService.GetBooks().Select(b => Mapper.Map<Book, ManageBookViewModel>(b));
    int pageSize = 3;
    int pageNumber = page ?? 1;
    var model = new ManageViewModel
    {
        WholeInventory = wholeInventory.ToPagedList(pageNumber, pageSize),
        CurrentInventory = currentInventory.ToPagedList(pageNumber, pageSize)
    };
    return View(model);
}

型号：

书籍.cs

public class Book
{
    public int BookId { get; set; }
    [Required]
    [MinLength(1)]
    public string Title { get; set; }
    [Required]
    [MinLength(1)]
    public string Author { get; set; }
    ....
    public bool IsDisabled { get; set; } = false;
    public virtual ICollection<UserBook> UserBooks { get; set; }
}

ManageBookViewModel.cs

public class ManageBookViewModel
{
    public int BookId { get; set; }
    [Required(AllowEmptyStrings = false, ErrorMessage = "Enter the book title")]
    public string Title { get; set; }
    [Required(AllowEmptyStrings = false, ErrorMessage = "Enter the book author.")]
    public string Author { get; set; }
    ....
    public bool IsDisabled { get; set; }
}

Answer 1

您的ManageViewModel 只需要包含一个用于分页列表的属性，它应该是IPagedList<Book>（请参阅下面的说明）

public class ManageViewModel
{
    public IPagedList<Book> Inventory;
    [Display(Name = "Include old inventory")]
    public bool OldInventoryIsShown { get; set; }
    ... // any other search/filter properties
}

并且您的视图需要在<form> 元素中包含复选框，并且表单应该对您的控制器方法进行GET。那么还需要将OldInventoryIsShown的当前值作为路由值包含在@Html.PagedListPager()方法中，这样在分页时就可以保留当前的过滤器。

@model ManageViewModel
...
@using (Html.BeginForm("Manage", "ControllerName", FormMethod.Get))
{
    @Html.CheckBoxFor(m => m.OldInventoryIsShown)
    @Html.LabelFor(m => m.OldInventoryIsShown)
    ... // any other search/filter properties
    <input type="submit" value="search" />
}
<table id="bookInventory" class="table table-hover">
    ....
</table>
<p>Page @(modelList.PageCount < modelList.PageNumber ? 0 : modelList.PageNumber) of @modelList.PageCount</p>
@Html.PagedListPager(modelList, page => 
    Url.Action("Manage", new { page = page, oldInventoryIsShown = Model.OldInventoryIsShown })) // plus any other search/filter properties

最后，在控制器方法中，您需要为 bool 属性的值设置一个参数，然后根据该值修改您的查询。

public ActionResult Manage(int? page, bool oldInventoryIsShown)
{
    int pageSize = 3;
    int pageNumber = page ?? 1;
    IQueryable<Book> inventory = db.Books;
    if (!oldInventoryIsShown)
    {
        inventory = inventory.Where(x => !x.IsDisabled);
    }
    ManageViewModel model = new ManageViewModel
    {
        Inventory = inventory.ToPagedList(pageNumber, pageSize),
        OldInventoryIsShown = oldInventoryIsShown
    };
    return View(model);
}

您当前的控制器代码效率极低。假设您的表有 10,000 条 Book 记录，其中 5,000 条被“禁用”（存档）。您当前的代码首先获取所有 10,0000 条记录并将它们添加到内存中。然后将所有映射到视图模型。然后，您调用另一个查询来获取另外 5,0000 条记录（它们只是您已有的记录的副本），您将它们添加到内存并映射到视图模型。但是视图中你想要的只是 3 条记录（pageSize 的值），所以你已经做了数千次额外的不必要的处理。

在您的情况下，不需要视图模型（尽管如果您确实需要，您可以使用 StaticPagedList 方法 - 请参阅 this answer 示例）。您的查询应该使用您的数据库上下文来生成IQueryable<Book>，以便只从数据库返回您需要的结果（在内部，ToPagedList() 方法使用.Skip() 和.Take() IQueryable<T>）