MVC 中的绑定集合

Question

我有一个由 Applicant 对象和 TeamMember 集合组成的视图模型。当我将模型发回时，团队集合始终为空。我尝试将集合从原来的 IEnumarable 更改为 List 但这并没有什么区别。因此，我更改了控制器编辑操作以接受 FormCollection，并验证 viewModel["member.FirstName"] 中是否有数据。我不明白为什么绑定不起作用。我尝试尽可能多地清理我的代码示例，但我对缺少的内容感到困惑。非常感谢任何帮助！

查看模型属性

public class MyViewModel
{
    public Applicant ApplicantInfo { get; set; }
    public List<TeamMember> TeamMembers { get; set; }
}

控制器

[HttpPost]
public ActionResult Edit(MyViewModel viewModel)
{
         //  viewModel.ApplicantInfo has the form data
         //  viewModel.TeamMembers = null              
}

视图

<% using (Html.BeginForm())
       {%>
    <h3>
    <a href="#">Applicant Information</a>
    </h3>
    <label>
        City
        <%: Html.TextBoxFor(m => Model.ApplicantInfo.City)%>
    </label>
    <label>
        State
        <%: Html.TextBoxFor(m => Model.ApplicantInfo.State)%>
    </label>

    <h3>
    <a href="#">Team</a>
    </h3>
    <div>
    <% foreach (var member in Model.TeamMembers)
    { %>           
    <div class="editor-field">
        <%: Html.DropDownList("member.Type", Model.GetMemberTypes(member.MemberType.TypeId))%>
    </div>
    <div class="editor-field">
        <%: Html.EditorFor(m => member.FirstName)%>
    </div>
    <div class="editor-field">
        <%: Html.EditorFor(m => member.LastName)%>
    </div>
    <div class="editor-field">
        <%: Html.EditorFor(m => member.Title)%>
    </div>            
    <%} %>
    </div>
    <p>
        <input type="submit" value="Save" />
    </p>
    <% } %>

Answer 1

我相信与集合中的项目关联的输入标签（当模型本身不是集合​​时）需要在名称属性中具有索引，然后才能将发布的数据绑定到视图模型。这是我通常完成此操作的方法...

<% for (int i=0; i<Model.TeamMembers.Count; i++) { %>
<div class="editor-field">
  <%: Html.EditorFor(m => m.TeamMembers[i].FirstName)%>
</div>
<div class="editor-field">
  <%: Html.EditorFor(m => m.TeamMembers[i].LastName)%>
</div>
<% } %>

我也使用了 Shea 建议的模板，但我有更多代码试图强制它呈现括号/索引。

<% foreach (var member in Model.TeamMembers) { %>
  <%: Html.EditorFor(x => 
    member, 
    "TeamMember", 
    "TeamMembers["+(member.Number-1)+"]", 
    new { MemberTypes = Model.GetMemberTypes(member.MemberType.TypeId) })%>
<% } %>

这是一篇旧但仍然相关的文章 来自 Phil Haack 的主题。

Answer 2

尝试使用以下方法：

<%: Html.EditorFor(m => m.TeamMembers) %>

然后，创建一个模型类型为 TeamMember 的共享编辑器模板。 MVC 应该为您处理将所有内容绑定回您的视图模型。