ASP .NET MVC动态创建的字段不绑定到FormCollection

Question

我用动态创建的字段创建了一个Partial Razor视图：

for (int i = 0 ; i < atr.Count; i++)
{
    <div class="col-md-12 panel panel-default sx-box-shadow-on-hover">
        <div class="panel-heading">
            <h2 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#@string.Format("{0}{1}", "collapse", @atr[i].Id)" aria-expanded="true">
                    @atr[i].Label
                    <span class="caret"></span>
                </a>
            </h2>
        </div>
        <div [email protected]("{0}{1}", "collapse", @atr[i].Id) class="col-md-12 panel-collapse collapse" aria-expanded="true">
            <form>
                <div class="form-group">
                    @switch (atr[i].AtrType)
                    {
                        case "TXT":
                        case "NUM":
                            <input id=@atr[i].Id class="form-control margin5" name=@atr[i].Name type="text" />
                            break;
                        case "CHB":
                            <input class="form-control margin5" name=@atr[i].Name type="checkbox" />
                            break;
                        case "DTP":
                            @(Html.Kendo().DatePicker()
                                                .Name(@atr[i].Name)
                                                .Value(DateTime.Now)
                                                .HtmlAttributes(new { style = "margin-top: 5px; width:100% !important", title = @atr[i].Name })
                            )
                            break;
                        case "WTXT":
                            <textarea name=@atr[i].Name , rows="3"></textarea>
                            break;
                    }
                </div>
            </form>
        </div>
    </div>
}

部分视图放置在具有静态字段和按钮的其他视图中。当我使用按钮进行POST操作时，在FormCollection中我只有静态字段的值。我无法将此字段绑定到Model，因为用户可以随时添加或删除它们。在局部视图中创建的每个动态字段都有自己的Id和Name。我在这里错过了什么？

邮政行动：

[HttpPost]
[Authorize]
public ActionResult Search(FormCollection form)
{
    //
}

主剃刀页面：

@using (Html.BeginForm("Search", "Home", FormMethod.Post))
{
    <div class="col-md-12 panel panel-default sx-box-shadow-on-hover">
        <div class="panel-heading">
            <h2 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#searchCollapse" aria-expanded="true">
                    Search options
                    <span class="caret"></span>
                </a>
            </h2>
        </div>
        <div id="searchCollapse" class="col-md-12 panel-collapse collapse in" aria-expanded="true">
            <div class="form-group">
                <label class="col-md-12 fontBold margin5">Document type:</label>
                @(Html.Kendo().DropDownList()
                    .Name("DocumentTypesDropDownList")
                    .DataTextField("Name")
                    .DataValueField("Id")
                    .DataSource(source =>
                    {
                        source.Read(read =>
                        {
                            read.Action("GetDocTypes", "Home");
                        });
                    })
                    .Events(e =>
                    {
                        e.Change("docTypeOnChange");
                    })
                    .HtmlAttributes(new { style = "margin-top: 5px; width:100% !important", title = "DocumentTypesDropDownList" })
                )
                <button id="SearchButton" class="btn btn-primary form-control margin5">Search</button>
                <div id="searchPanelDiv">
                    @{
                        Html.RenderPartial("SearchPanel");
                    }
                </div>
            </div>
        </div>
    </div>
}

请求正文如下所示：

DocumentTypesDropDownList=1&Identificator=1234

缺少动态字段中的参数。

Answer 1

HTML中不支持嵌套表单。

如果从局部视图中删除<form>和</form>标记，则应该能够捕获FormCollection在主页面上创建的@using (Html.BeginForm中的动态输入。

Answer 2

我想如果你这样说：

[HttpPost]
[Authorize]
public ActionResult Search(FormCollection form)
{
    var fields = new List<(string, string)>();
    foreach (var item in Request.Form)
    {
        fields.Add((item.Key, item.Value));
    }
    // do some other stuff
}

在您的控制器中，无论是否动态添加，您都可以读取身体请求中的所有字段。