MVC 如何为包含列表作为属性的模型创建表单

Question

所以我有这个简单的模型：

public class OptOut
    {
        public int optOutID { get; set; }
        public bool hasOptedOut { get; set; }        
        public List<Cohort> list { get; set; }

        public OptOut()
        {
            List<Cohort> list = new List<Cohort>();
            list.Add(new Cohort());
            list.Add(new Cohort());
            list.Add(new Cohort());
            list.Add(new Cohort());
            this.list = list;
        }

    }

您可以看到其中一个属性是List 的Cohort 对象。 Cohort 对象有一些简单的布尔属性：

public class Cohort
    {
        public bool ukft { get; set; }
        public bool ukpt { get; set; }
        ...etc
    }

我想创建一个循环遍历Cohort 对象列表的表单。

所以在我的Controller 中，我将模型传递给View：

public ActionResult Page()
        {                        
            return View(new OptOut());
        }

然后在 html 中创建一个像这样的表单：

 @using (Html.BeginForm("OptedOut", "Home"))
        {            var m = Model.list;

            <div id="radios" class="form-group" style="margin-top:25px;">
                @Html.RadioButtonFor(model => Model.hasOptedOut, true) <span style="margin-right:8px;">Yes</span>
                @Html.RadioButtonFor(model => Model.hasOptedOut, false) <span>No</span> <br />

                //here I would normally loop through the list but I'm changing only the first element for testing purposes
                @Html.RadioButtonFor(model => m.ElementAt(0).ukft, true) <span style="margin-right:8px;">Yes</span>
                @Html.RadioButtonFor(model => m.ElementAt(0).ukft, false) <span>No</span> <br />
            </div>

            <div class="form-group">
                <input id="confirm" type="submit" value="Confirm" class="btn btn-success btn-lg"/>
            </div>
        }

到目前为止一切顺利。如您所见，我添加了两组单选按钮——一组用于OptOut 模型中的简单hasOptedOut 布尔属性，另一组用于List 中第一个元素的ukft 属性。

现在，当我在两组单选按钮中选择是 (true) 时，我应该会看到 hasOptedOut = true 和 Cohort 中 List 对象的第一个 ukft = true。所以我在POST之后得到了控制器中的模型：

[HttpPost]
public ActionResult OptedOut(Dlhe.Smart.Models.OptOut optout)
{                
    return View("some_view");
}

hasOptedOut 确实如此。但是，ukft 在列表中仍然为 false。所以我认为Lists 并不是那么简单，但是我该如何解决这个问题呢？

编辑：

按照建议，我尝试过这样做，但没有成功：

@using (Html.BeginForm("OptedOut", "Home"))
        {            var m = Model.list;
            for (int i=0; i<Model.list.Count(); i++) {

                <div id="radios" class="form-group" style="margin-top:25px;">

                    @Html.RadioButtonFor(model => m[i].ukft, true) <span style="margin-right:8px;">Yes</span>
                    @Html.RadioButtonFor(model => m[i].ukft, false) <span>No</span> <br />
                </div>                
            }

                <div class="form-group" style="margin-top:25px;">
                    <input id="confirm" type="submit" value="Confirm" class="btn btn-success btn-lg"/>
                </div>
        }

Answer 1

我认为最简单的方法是为您的类型创建一个 EditorTemplate。

创建 EditorTemplate：

1) 在 Views/Shared 文件夹中创建一个名为 Editor Templates 的新文件夹

2) 在该文件夹中创建一个新的、强类型的局部视图，并使用您的类型名称作为文件名。 E.G Cohort.cshtml 可能如下所示：

@model Models.Cohort

@Html.RadioButtonFor(model => model.ukft, true) <span style="margin-right:8px;">Yes</span>
@Html.RadioButtonFor(model => model.ukft, false) <span>No</span> <br />

3) 在您的主视图中使用 @Html.EditorFor(model => model.list)，razor 将为列表中的每个群组呈现在步骤 2 中创建的部分视图。