MVC4 多对多动态模型绑定答案

【问题标题】：MVC4 many-to-many dynamic model bindingMVC4 多对多动态模型绑定
【发布时间】：2013-01-19 06:50:01
【问题描述】：

好的。我不确定如何正确解释这一点，这个问题的标题可能是错误的。我在Reference 和Category 之间有多对多的关系：

public class Reference
{
    public int Id { get; set; }
    public string Headline { get; set; }
    public virtual ICollection<Category> Categories { get; set; }
}
public class Category
{
    public int CategoryId { get; set; }
    public string Name { get; set; }
    public virtual ICollection<Reference> References { get; set; }
}

在创建Reference 条目时，用户应该能够根据需要添加尽可能多的类别（以包含所有可用类别的下拉列表的形式）。到目前为止，这是我为模型绑定器的视图提出的所有内容，无需控制器中的任何逻辑来创建相关数据：

<div class='meta-container meta-cat'>
    <div class="meta-sub">
          <div class="editor-label">Name</div>
          <select name="Categories[0].Name" value="">
             @{
               var db = new DbContext();
               var categories = db.Categories.ToList();
               foreach (var c in categories)
               {
                    <option value="@c.CategoryId">@c.Name</option>
               }
              }

          </select>
     </div>
</div>
     <div class="additonalContainersCats"></div>
     <input type="submit" value="Add another category" id="AddCat" />

    <script>
            $('#AddCat').click(function () {
                var propNumber = 0;
                var dropdown = $(this).parent().find('select').first();
                var options = "";
                $(dropdown, "option").each(function() {
                    options += $(this).html();
                });
                $('.meta-cat').each(function () {
                    propNumber++;
                });
                var html = "<div class='meta-container meta-cat'>" +
                                "<div class='meta-sub'>" +
                                    "<div class='editor-label'>Name</div>" +
                                    "<select name='Categories[" + propNumber + "].Name' value=''>" +
                                     options +
                                    "</select>" +
                                "</div>" +
                                "</div>" +
                            "</div>";
                $('.additonalContainersCats').append(html);
                return false;
            });
    </script>

因此，每次用户单击“添加新类别”按钮时，都会使用name="Category[int].Name" 创建一个新的下拉列表。这将适用于一对多（一个类别供参考）关系和文本框，而不是下拉列表。这不是很漂亮的 MVC（它的 webform'ish）:)

你会怎么做？

更新 - 提交数据时忘记提及结果。新类别已创建。如果我选择 2 个类别作为参考，则会使用 Name 属性从原始类别的 CategoryId 创建两个新类别。在参考和新类别之间创建关系。时髦吧:)

【问题讨论】：

为什么这对多对多不起作用？（也许我在这里没有得到任何东西）
@torm - 更新了问题
我试着做了一些修改，看看：jsbin.com/awanur/1/edit
@FelipeOriani - 我知道你在那里做了什么。但这不是真正的问题吗？这行不通，因为示例中遗漏了一些 javascript 来简化它，这不适用于您的代码。

标签： asp.net-mvc asp.net-mvc-4 many-to-many model-binding

【解决方案1】：

看起来默认 ModelBinder 并不真正知道如何将您的类别映射到数据库中的现有类别。这是您可能要考虑实现 AutoMapper (https://github.com/AutoMapper/AutoMapper/wiki/Getting-started) 或您自己的结构以将您的新参考映射到现有类别列表的地方 - 您只需要遍历您已经发送的 CategoryID 集合，从数据库中检索它们并覆盖您的 Reference.Categories。

【讨论】：

【解决方案2】：

其实很简单。只需要给下拉列表 name="Category[int].CategoryId" insted of .Name。然后我手动循环遍历属性并绑定它。手动绑定时未创建新类别。

【讨论】：