c# - 基于选中复选框的过滤模型

Question

我有一个简单的 EntityFramework 模型，我正尝试使用复选框对其进行过滤。

我的模型包含 2 个属性:

public class Company
{        
    public string Name { get; set; }

    public string Location { get; set; }
}

我想做的是:

1. 显示数据库中所有公司的索引 View
2. 显示与公司每个不同位置相对应的复选框列表
3. 允许用户选择一个或多个复选框并提交表单以重新显示索引以及应用了位置的过滤器。

我不确定如何最好地处理这个问题 - 我想我需要一个关于我的公司和位置的 View 模型，但我不确定如何显示复选框列表然后按它们进行过滤。

Answer 1

只需添加 IsSelected 属性以及您的 Company 和 Location 属性。你的复选框应该连接到那些。然后，当用户提交表单时，您的模型将获取这些值。您可以仅根据 IsSelected 为真来过滤数据并返回匹配的行。

编辑以显示示例。使用 IE 进行了快速测试，因为它是如此激进的缓存怪物:

快速说明。很晚了，我累了。接受这个概念，但更清楚地考虑您的对象和存储。这只是一个工作示例。

首先，一个 ViewModel:

public class CompanyModel
{
    public string Name { get; set; }
    public string Location { get; set; }
    public bool IsSelected { get; set; }
}

以及 Controller 中的 Get 和 Post 操作:

static IList<CompanyModel> CompanyList = null;

public ActionResult Company()
{
    if (CompanyList == null)
    {
        CompanyList = new List<CompanyModel>()
        {
            new CompanyModel() { Name = "Company 1", Location = "Boston" },
            new CompanyModel() { Name = "Company 2", Location = "New York" },
            new CompanyModel() { Name = "Company 3", Location = "Chicago" },
            new CompanyModel() { Name = "Company 4", Location = "Austin" }
        };
    }

    return View(CompanyList);
}

[HttpPost]
public ActionResult Company(CompanyModel[] companies)
{
    CompanyList = companies.Where(c => c.IsSelected).ToList();
    return RedirectToAction("Company");
}

这演示了 Post、Redirect、Get 模式，以确保浏览器不会显示来自缓存的不正确结果，并且如果用户刷新屏幕将重新提交原始表单，也不会导致意外行为。

现在 View 使用编辑屏幕的脚手架代码:

@model IList<MVCEditorTemplateDemo.Models.CompanyModel>

@{
    ViewBag.Title = "Company";
}

<h2>Company</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>CompanyModel</h4>
        <hr />
        @Html.ValidationSummary(true)
        @for (int i = 0; i < Model.Count(); i++)
        {
            <div class="form-group">
                @Html.LabelFor(model => model[i].Name, new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model[i].Name)
                    @Html.ValidationMessageFor(model => model[i].Name)
                </div>
            </div>

            <div class="form-group">
                @Html.LabelFor(model => model[i].Location, new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model[i].Location)
                    @Html.ValidationMessageFor(model => model[i].Location)
                </div>
            </div>

            <div class="form-group">
                @Html.LabelFor(model => model[i].IsSelected, new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model[i].IsSelected)
                    @Html.ValidationMessageFor(model => model[i].IsSelected)
                </div>
            </div>
        }
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>