绑定可编辑的子项列表

Question

TL;DR：在我的 ASP.NET MVC3 应用程序中，我应该如何实现一个视图，该视图允许我同时编辑“父”实体的详细信息和“子”列表的详细信息'实体？

更新：我接受@torm的回答因为他提供了一个链接给出了一些解释，解释为什么我当前的解决方案可能是最好的。 但是，我们很想听听其他人是否有任何替代方案！

我一直在搜索和阅读（请参阅底部的“参考资料”部分，了解迄今为止的一些发现）。 然而，我仍然觉得到目前为止我找到的解决方案有些“臭”。我想知道你们中是否有人有更优雅的答案或建议（或者可以解释为什么这可能是“尽善尽美”）。 提前致谢！

因此，设置如下：

模型：

public class Wishlist
{
    public Wishlist() { Wishitems = new List<Wishitem>(); }

    public long WishListId { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }

    public virtual ICollection<Wishitem> Wishitems { get; set; }
}
public class Wishitem
{
    public long WishitemId { get; set; }
    public string Name { get; set; }
    public int Quantity { get; set; }
}

控制器：

public class WishlistsController : Controller
{
    private SandboxDbContext db = new SandboxDbContext();
    /* ... */
    public ActionResult Edit(long id)
    {
        Wishlist wishlist = db.Wishlists.Find(id);
        return View(wishlist);
    }

    [HttpPost]
    public ActionResult Edit(Wishlist wishlist)
    //OR (see below): Edit(Wishlist wishlist, ICollection<Wishitem> wishitems)
    {
        if (ModelState.IsValid)
        {
            db.Entry(wishlist).State = EntityState.Modified;
            db.SaveChanges();
            return RedirectToAction("Index");
        }
        return View(wishlist);
    }
    /* ... */
}

视图：Views\Wishlist\Edit.cshtml

@model Sandbox.Models.Wishlist
<h2>Edit</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Wishlist</legend>
        @Html.HiddenFor(model => model.WishListId)
        <div class="editor-label">@Html.LabelFor(model => model.Name)</div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>
    </fieldset>
    <table>
        <tr>
            <th>
                Quantity
            </th>
            <th>
                Name
            </th>
        </tr>
        @for (var itemIndex = 0; itemIndex < Model.Wishitems.Count; itemIndex++)
  {
            @Html.EditorFor(item => Model.Wishitems.ToList()[itemIndex])
  }
    </table>
    <p>
        <input type="submit" value="Save" />
    </p>
}

编辑器模板：Views\Shared\EditorTemplates\Wishitem.cshtml

@model Sandbox.Models.Wishitem
<tr>
    <td>
        @Html.HiddenFor(item=>item.WishitemId)
        @Html.TextBoxFor(item => item.Quantity)
        @Html.ValidationMessageFor(item => item.Quantity)
    </td>
    <td>
        @Html.TextBoxFor(item => item.Name)
        @Html.ValidationMessageFor(item => item.Name)
    </td>
</tr>

发生了什么？

上面的设置为“父”愿望清单模型生成了一个包含标准输入元素的页面：

<input class="text-box single-line" id="Name" name="Name" type="text" value="MyWishlist" />  

对于表中的“子”愿望项目，我们获得索引输入元素：

<input data-val="true" data-val-number="The field Quantity must be a number." data-val-required="The Quantity field is required." name="[0].Quantity" type="text" value="42" />
<input name="[0].Name" type="text" value="Unicorns" />

这导致发布的 Wishlist Wishlist 参数返回一个空的 .Wishitems 属性。

POST 处理程序的替代签名 ([HttpPost] public ActionResult Edit(Wishlist Wishlist, ICollectionWishitems)) 仍然给我一个空的 wishlist.Wishitems，但让我访问（可能修改的）wishitems。

在第二种情况下，我可以做一些自定义绑定。例如（这不是我职业生涯中见过的最优雅的代码）：

[HttpPost]
public ActionResult Edit(Wishlist editedList, ICollection<Wishitem> editedItems)
{
    var wishlist = db.Wishlists.Find(editedList.WishListId);
    if (wishlist == null) { return HttpNotFound(); }

    if (ModelState.IsValid)
    {
        UpdateModel(wishlist);

        foreach (var editedItem in editedItems)
        {
            var wishitem = wishlist.Wishitems.Where(wi => wi.WishitemId == editedItem.WishitemId).Single();
            if (wishitem != null)
            {
                wishitem.Name = editedItem.Name;
                wishitem.Quantity = editedItem.Quantity;
            }
        }
        db.SaveChanges();
        return View(wishlist);
    }
    else
    {
        editedList.Wishitems = editedItems;
        return View(editedList);
    }
}

我的愿望清单

我希望有一种方法可以让我在单个结构化对象中获取所有已发布的数据，例如：

[HttpPost]
public ActionResult Edit(Wishlist wishlist) { /* ...Save the wishlist... */ }

使用 wishlist.Wishitems 填充（可能修改的）项目

或者如果我的控制器必须单独接收它们，那么我可以用更优雅的方式来处理数据的合并。像这样的东西

[HttpPost]
public ActionResult Edit(Wishlist editedList, ICollection<Wishitem> editedItems)
{
    var wishlist = db.Wishlists.Find(editedList.WishListId);
    if (wishlist == null) { return HttpNotFound(); }

    if (ModelState.IsValid)
    {
        UpdateModel(wishlist);
        /* and now wishlist.Wishitems has been updated with the data from the Form (aka: editedItems) */
        db.SaveChanges();
        return View(wishlist);
    }
    /* ...Etc etc... */
}

提示、技巧、想法？

注意：

• 这是一个沙盒示例。我正在开发的实际应用程序完全不同，与沙箱中公开的域无关。
• 我在示例中没有使用“ViewModels”，因为到目前为止，它们似乎不是答案的一部分。如果有必要，我肯定会介绍它们（在我正在开发的实际应用程序中，我们已经在使用它们）。
• 同样，在本示例中，存储库由简单的 SandboxDbContext 类抽象出来，但在实际应用程序中可能会被通用存储库和工作单元模式所取代。
• 沙箱应用程序是使用以下内容构建的：
  • 可视化 Web 开发人员 2010 Express
    • Microsoft Visual Web Developer 2010 Express 修补程序 - ENU (KB2547352)
    • Microsoft Visual Web Developer 2010 Express 修补程序 - ENU (KB2548139)
    • Microsoft Visual Web Developer 2010 Express - ENU Service Pack 1 (KB983509)
  • .NET Framework 4.0.30319 SP1Rel
  • ASP.NET MVC3
    • 视图的 Razor 语法
    • 代码优先方法
  • 实体框架4.2.0.0
• Sandbox 是针对 .NET Framework 4 构建的

参考：

• "ASP.NET MVC3 入门" 涵盖基础知识，但不处理模型关系

• “使用 MVC 开始使用 EF” an-asp-net-mvc-应用程序 特别是 第 6 部分展示了如何处理模型之间的一些关系。 但是，本教程为其 POST 处理程序使用 FormCollection 参数，而不是自动模型绑定。 换句话说： [HttpPost] public ActionResult Edit(int id, FormCollection formCollection) 而不是类似的东西 [HttpPost]公共ActionResult编辑（InstructorAndCoursesViewModel viewModel） 此外，与给定讲师关联的课程列表（在 UI 中）表示为一组具有相同名称的复选框（导致 POST 处理程序的 string[] 参数），不完全是与我正在查看的场景相同。

• “编辑可变长度列表，ASP.NET MVC2 样式” 基于 MVC2（所以我想知道既然我们有了 MVC3，它是否仍然描述了最佳选择）。 不可否认，我（还）还没有处理从列表中插入和/或删除 Children 模型的问题。 另外，这个解决方案：

  • 依赖于自定义代码 (BeginCollectionItem) - 如果有必要，这很好（但在 MVC3 中仍然有必要吗？）
  • 将列表作为独立集合处理，而不是包装模型的属性 - 换句话说，有周围的“GiftsSet”模型（相当于我的示例中的父 Wishlist 模型），尽管我不这样做知道引入显式父模型是否会使该解决方案无效。

• “用于模型绑定到数组、列表、集合、字典的 ASP.NET 有线格式”< /a> Scott Hanselman 的帖子是有关 MVC 应用程序中绑定到列表主题的引用最多的参考文献之一。 然而，他只是描述了框架采用的命名约定，并用于生成与您的操作方法匹配的对象（请注意，本文没有生成页面，然后将数据提交到所描述的操作之一的示例）。 如果我们必须自己生成 HTML，那么这是非常有用的信息。我们必须这样做吗？

• “模型绑定到列表” 另一篇顶级参考文献，作者：Phil Haack。它具有与上面的 Hansleman 帖子相同的一些信息，但也向我们展示了可以在循环中使用 HtmlHelpers (for (int i = 0; i < 3; i++) { Html.TextBoxFor(m => ; m[i].Title) })，或在编辑器模板 (Html.EditorFor(m=>m[i])) 中。 然而，使用这种方法，编辑器模板生成的 HTML 将不包含任何特定的前缀（例如：输入元素的名称和 id 将采用 [index].FieldName 的形式，例如：<代码>[0].数量，或[1].名称）。这在示例中可能很重要，也可能不重要，但在我的实际应用程序中可能会成为一个问题，其中不同的“并行”子列表可能会出现在同一视图中。