如何使基于列表的编辑器模板正确绑定POST操作?

时间:2013-01-24 09:41:26

标签: asp.net-mvc asp.net-mvc-3 asp.net-mvc-4

我有一个模型,ApplicantBranchList,在较大的模型中用作属性,如下所示:

[Display(Name = "Where would you want to work?")]
public ApplicantBranchList PreferedBranches { get; set; }

ApplicantBranchList

public class ApplicantBranchList : ViewModel
{
    public ApplicantBranchItem HeaderItem { get; set; }
    public ApplicantBranchList()
    {
        HeaderItem = new ApplicantBranchItem();
    }
    public void MapFromEntityList(IEnumerable<ApplicantBranch> applicantBranches)
    {
        var service = new BranchService(DbContext);
        var selectedIds = applicantBranches.Select(b => b.BranchId);
        Items = service.ReadBranches()
                       .Where(i => !i.IsDeleted)
                       .Select(p => new ApplicantBranchItem { BranchName = p.Name, WillWorkAt = selectedIds.Contains(p.Id) });
    }
    public IEnumerable<ApplicantBranchItem> Items { get; set; }
}

ApplicantBranchList有自己的编辑器模板,以及ApplicantBranchList中每个项目的内部编辑器模板:

查看/共享/ EditorTemplates / ApplicantBranchList.cshtml:

@model Comair.RI.UI.Models.ApplicantBranchList
<table>
    <tr>
        <th style="display: none;"></th>
        <th>
            @Html.DisplayNameFor(model => model.HeaderItem.BranchName)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.HeaderItem.WillWorkAt)
        </th>
    </tr>
    @foreach (var item in Model.Items)
    {
        @Html.EditorFor(m => item)
    }
</table>

查看/共享/ EditorTemplates / ApplicantBranchItem.cshtml:

@model Comair.RI.UI.Models.ApplicantBranchItem
<tr>
    <td style="display: none;">
        @Html.HiddenFor(m => m.BranchId)
    </td>
    <td>
        @Html.DisplayFor(m => m.BranchName)
    </td>
    <td>
        @Html.EditorFor(m => m.WillWorkAt)
    </td>
</tr>

此编辑器在视图中正确呈现,但在后期操作中:

public ActionResult Create(ApplicantProfileModel model)
{
    if (ModelState.IsValid)
    {
        var branches = model.PreferedBranches;

PreferedBranches.Itemsnull

我做错了什么?

2 个答案:

答案 0 :(得分:14)

问题是ASP.NET无法弄清楚如何绑定到Model.Items属性。

要修复它,请替换:

public IEnumerable<ApplicantBranchItem> Items { get; set; }

用这个:

public List<ApplicantBranchItem> Items { get; set; }

而不是:

@foreach (var item in Model.Items)
{
   @Html.EditorFor(m => item)
}

使用这个:

@for (var i = 0; i < Model.Items.Count; i++)
{
   @Html.EditorFor(model => model.Items[i]) // binding works only with items which are accessed by indexer
}

答案 1 :(得分:11)

使用MVC和编辑器模板,您无需手动浏览列表并调用@HTMLEditorFor。

这样做:

@Html.EditorFor(model => model.Items)

与:

相同
@for (var i = 0; i < Model.Items.Count; i++)
{
   @Html.EditorFor(model => model.Items[i]) // binding works only with items which are accessed by indexer
}

MVC将处理项目的迭代,并为每个项目生成一次编辑器模板。如评论中所述,您的模板必须与您的模型命名相同。此外,您的模型定义应该是模型的单一表示,而不是IEnumerable类型。最后,如评论中所述,如果在调用@ Html.EditorFor()时指定模板名称参数,则不会对集合进行自动迭代。您将需要手动迭代,如上所示。