将集合传递给 EditorFor() 时，它会为输入元素生成无效名称

我有一个 BookCreateModel，其中包含书籍的平面信息，例如标题、出版年份等以及书籍作者的集合（复杂类型）：

public class BookCreateModel
{
    public string Title { get; set; }
    public int Year { get; set; }
    public IList<AuthorEntryModel> Authors { get; set; }
}

public class AuthorEntryModel
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
}

在 CreateBook 视图中我用过EditorFor帮手：

@Html.EditorFor(m => m.Authors, "AuthorSelector")

Edit1:

AuthorSelector 模板如下：

<div class="ptr_authors_wrapper">
    @for (int i = 0; i < Model.Count; i++)
    {
       <div class="ptr_author_line" data-line-index="@i">
        @Html.TextBoxFor(o => o[i].FirstName)
        @Html.TextBoxFor(o => o[i].LastName)
       </div>
    }
</div>
<script>
     ...
</script>

the AuthorSelector模板包含一些包装标记，这些标记需要了解每个渲染项目的索引，以及一些处理子输入交互的 javascript，并且需要渲染一次（在AuthorSelectortemplate)，因此摆脱 for 循环/或 AuthorSelector 模板是不可能的。

现在的问题是 EditorFor 的行为有点奇怪并生成如下输入名称：

<input id="Authors__0__FirstName" name="Authors.[0].FirstName" type="text" value="" />
<input id="Authors__0__LastName" name="Authors.[0].LastName" type="text" value="" />

正如你所看到的，而不是生成像这样的名称Authors[0].FirstName它添加了一个额外的点，这使得默认模型绑定器无法解析发布的数据。

任何想法 ？

Thanks !

我建议您遵守约定，即替换：

@Html.EditorFor(m => m.Authors, "AuthorSelector")

with:

@Html.EditorFor(m => m.Authors)

然后重命名你的~/Views/Shared/EditorTemplates/AuthorSelector.cshtml to ~/Views/Shared/EditorTemplates/AuthorEntryModel.cshtml并将其强类型化为单个AuthorEntryModel模型并摆脱循环：

@model AuthorEntryModel
@Html.TextBoxFor(o => o.FirstName)
@Html.TextBoxFor(o => o.LastName)

ASP.NET MVC 将自动呈现集合中所有元素的编辑器模板并生成正确的名称。

UPDATE:

看到您的更新后，我的回复如下：

在你的主视图中：

<div class="ptr_authors_wrapper">
    @Html.EditorFor(m => m.Authors)
</div>

在您的编辑器模板中：

@model AuthorEntryModel
<div class="ptr_author_line">
    @Html.TextBoxFor(o => o.FirstName)
    @Html.TextBoxFor(o => o.LastName)
</div>

您会注意到模板中缺少脚本，这是完全正常的。脚本与标记无关。它们进入单独的 javascript 文件。在此文件中，您可以使用 jQuery 来完成您需要对标记执行的任何操作。它为您提供了诸如.index()允许您获取匹配选择器中元素的索引，这样您就不需要编写任何循环并用诸如此类的东西污染您的标记data-line-index属性。