模型将回发数据绑定到类型为 List的控制器操作参数。

Question

我有一个强类型视图，

List<List<MyViewModelClass>>

外部列表总是有两个 List 列表。对于两个外部列表中的每一个，我想显示一组复选框。每组可以有任意数量的选择。

我的视图模型类看起来与此类似：

public class MyViewModelClass
{
    public Area Area { get; set; }

    public bool IsGeneric { get; set; }

    public string Code { get; set; }

    public bool IsChecked { get; set; }
}

因此最终视图将类似于：

---

请选择适用的：

第一组选择：

• x 选项 1
• x 选项 2
• x 选项 3
• 等等

第二组选择：

• x 第二个选项 1
• x 第二个选项 2
• x 第二个选项 3
• x 第二个选项 4
• 等等。

---

复选框应显示 MyViewModelClass.Area.Name，其值应与 <代码>MyViewModelClass.Area.Id。 Checked 状态当然与 MyViewModel.IsChecked 相关。

问题

我想知道应该如何使用 Html.CheckBox() 或 Html.CheckBoxFor() 帮助程序来显示我的复选框？当然，我必须在回发时将这些值返回到服务器。

我希望我的控制器操作像以下之一：

public ActionResult ConsumeSelections(List<List<MyViewModelClass>> data)
{
    // process data
}

public ActionResult ConsumeSelections(List<MyViewModelClass> first, List<MyViewModelClass> second)
{
    // process data
}

如果它使事情变得更简单，我可以制作一个单独的视图模型类型，例如：

public class Options
{
    public List<MyViewModelClass> First { get; set; }

    public List<MyViewModelClass> Second { get; set; }
}

以及将我的控制器操作的第一个版本更改为：

public ActionResult ConsumeSelections(Options data)
{
    // process data
}

Answer 1

通常，我创建一个类型（模型）来“建模”我想要创建的视图。
即

public class FooViewModel
{
    public List<Option> General { get; set; }
    public List<Option> Others { get; set; }

    //Some Methods and other properties
}
public FooController :...
{
    private FooViewModel fooViewModel = new FooViewModel();
}

编辑：
看看这篇文章，因为它正是你想要什么！

Answer 2

解决方案

事实证明这根本没有那么复杂。您所要做的就是适当地命名您的控件，所有内容都会按其应有的方式绑定在一起。所以。无论您的控件是什么，它们都应该始终命名为：

name="first[0].propName"
name="first[1].propName"
name="first[2].propName"
name="first[3].propName"
...

// or
name="first[0].data[0].property"
name="first[0].data[1].property"
name="first[0].data[2].property"
...
name="first[1].data[0].property"
name="first[1].data[1].property"
...

所有这些都将绑定到 List;第一个 控制器操作参数（第二个控制器在集合内有另一个集合）。

非常重要的说明
如果使用 Javascript 动态添加/删除这些控件，则必须确保索引从 0 开始连续，并且没有任何间隙。您将拥有一个很好的工作应用程序，其中集合中的元素数量是动态的。

您可以在我的博客中阅读相关内容也发布。