将 KeyValuePair 列表绑定到复选框

Question

我正在使用 ASP.Net MVC 和 C#。我有一个模型，其中有一个用于过滤条件的成员。该成员是一个IList>。键包含要显示的值，该值表明是否选择了该过滤器。我想将其绑定到我视图上的一堆复选框。我就是这样做的。

<% for(int i=0;i<Model.customers.filterCriteria.Count;i++) { %>
<%=Html.CheckBoxFor(Model.customers.filterCriteria[i].value)%>&nbsp;
<%=Model.customers.filterCriteria[i].key%>
<% } %>

这将正确显示所有复选框。但是，当我在控制器中提交表单时，无论我在视图中选择什么，过滤条件都会为空。

从 这篇 帖子中，我得到了创建单独属性的提示。但这对于 IList 来说如何运作呢？请问有什么建议吗？

Answer 1

KeyValuePair 结构的问题在于它具有私有设置器，这意味着默认模型绑定器无法在 POST 操作中设置它们的值。它有一个特殊的构造函数，需要使用它来传递键和值，但当然默认模型绑定程序不知道该构造函数，并且它使用默认的构造函数，因此除非您为这种类型编写自定义模型绑定程序，否则您将无法使用该构造函数。将无法使用它。

我建议您使用自定义类型而不是 KeyValuePair。

因此，一如既往，我们从视图模型开始：

public class Item
{
    public string Name { get; set; }
    public bool Value { get; set; }
}

public class MyViewModel
{
    public IList<Item> FilterCriteria { get; set; }
}

然后是控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel
        {
            FilterCriteria = new[] 
            {
                new Item { Name = "Criteria 1", Value = true },
                new Item { Name = "Criteria 2", Value = false },
                new Item { Name = "Criteria 3", Value = true },
            }
        });
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        // The model will be correctly bound here
        return View(model);
    }
}

以及相应的 ~/Views/Home/Index.aspx 视图：

<% using (Html.BeginForm()) { %>
    <%= Html.EditorFor(x => x.FilterCriteria) %>
    <input type="submit" value="OK" />
<% } %>

最后我们为 中的 Item 类型编写自定义的编辑器模板>~/Views/Shared/EditorTemplates/Item.ascx 或 ~/Views/Home/EditorTemplates/Item.ascx （如果此模板仅特定于 Home 控制器且不重复使用） ：

<%@ Control 
    Language="C#" 
    Inherits="System.Web.Mvc.ViewUserControl<AppName.Models.Item>" 
%>
<%= Html.CheckBoxFor(x => x.Value) %>
<%= Html.HiddenFor(x => x.Name) %>
<%= Html.Encode(Model.Name) %>

我们已经实现了两件事：清理丑陋的 for 循环中的视图，并使模型绑定器成功绑定 POST 操作中的复选框值。