MVC4多对多动态模型绑定

时间:2013-01-13 22:00:25

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

好的。我不确定如何正确解释这个问题,这个问题的标题可能是错误的。我在ReferenceCategory之间存在多对多的关系:

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属性创建两个新类别。在参考和新类别之间创建关系。 Funky呵呵:)

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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