一个MVC表单上的多个表单，使用循环创建，只有第一个提交数据

Question

我有如下代码，只有第一个表单提交什么，下面提交空值，每个模型都有数据。如果我将其更改为仅一个大表单，则所有内容都会提交。为什么其他单独的表单发布空值？

查看

@model myModel[]
<ul>
    @for (int i = 0; i < Model.Length; i++)
    {
        using (Html.BeginForm("controllerAction", "Controller", FormMethod.Post,
                               new { id="Form"+i }))
        {
            <li>
                @Html.TextBoxFor(a => a[i].property1)
                @Html.CheckBoxFor(a => a[i].property2)
                @Html.HiddenFor(a => a[i].property3)
                <input type="submit" />
            </li>
        }
    }
</ul>

控制器

[HttpPost]
public ActionResult controllerAction(myModel[] models)
{
    ...do stuff...
}

Answer 1

原因是您在for 循环中使用索引器创建表单控件，而您的POST 方法参数是myModel[] models。

默认情况下，DefaultModelBinder 要求集合从零开始且连续，因此如果您尝试提交第二个表单，您的回发[1].property1: someValue 等。因为索引器从 1 开始，绑定失败并且模型为null.

您可以通过为模型绑定器用来匹配非连续索引器的 Index 属性添加隐藏输入来解决此问题

<li>
    @Html.TextBoxFor(a => a[i].property1)
    @Html.CheckBoxFor(a => a[i].property2)
    @Html.HiddenFor(a => a[i].property3)
    <input type="hidden" name="Index" value="@i" /> // add this
    <input type="submit" />
</li>