在 .net MVC 中创建多对多关系的视图

Question

我正在 MVC 中创建一个 MediaLibrary。 我有一个“MediaType”模型和一个“Support”模型。 每个媒体类型（电影、游戏、音乐）都可以有 n 个支持（CD、DVD、蓝光……）。

我创建了模型并添加了关系（hasmany，withmany，...），支持的控制器和视图（这里没有问题），但我现在不知道如何管理 MediaType 的控制器和视图，以便能够添加多个支撑并使用模型验证它们。

MediaType 模型：

[Bind(Exclude = "MediaTypeId")]
public class MediaType
{
    [ScaffoldColumn(false)]
    public int MediaTypeId { get; set; }

    [DisplayName("Media type")]
    public string name { get; set; }

    // Disponible supports
    public virtual ICollection<Support> Supports { get; set; }
}

支持模型

[Bind(Exclude = "SupportId")]
public class Support
{
    [ScaffoldColumn(false)]
    public int SupportId { get; set; }

    [DisplayName("Support name")]
    public string name { get; set; }

    // MediaTypes using this support (not used in the view now)
    public virtual ICollection<MediaType> MediaTypes { get; set; }
}

MediaType 控制器的创建操作

public ActionResult Create()
    {
        ViewData["SupportsList"] = new SelectList(db.Supports.ToList(), "SupportId", "name");
        return View();
    } 
[HttpPost]
    public ActionResult Create(MediaType mediatype)
    {
        if (ModelState.IsValid)
        {
            db.MediaTypes.Add(mediatype);
            db.SaveChanges();
            return RedirectToAction("Index");  
        }

        ViewData["SupportsList"] = new SelectList(db.Supports.ToList(), "SupportId", "name");
        return View(mediatype);

MediaType 控制器的创建操作的创建视图（支持部分）

<div class="editor-field" id="supportList">
        @Html.DropDownList("Supports", (SelectList)ViewData["SupportsList"])
        <a href="#" id="addSupport">Ajouter</a>&nbsp;<span id="addSupportError" class="error"></span>
        <script type="text/javascript">
            $('#addSupport').click(function () {
                if ($('input[name="SupportsIds[]"][value="' + $('#Supports').val() + '"]').length < 1) {
                    $('#supportList').append('<div>' + $('#Supports option:selected').text() + '<input type="hidden" name="SupportsIds[]" value="' + $('#Supports').val() + '" /></div>');
                    $('span#addSupportError').text('');
                } else {
                    $('span#addSupportError').text('The support has already been added');
                }
            });
        </script>
    </div>

我实际上在 jQuery 中做了一个奇怪的脚本来将支持添加到 MediaType，有一个包含数据库中所有支持的下拉列表，当您单击添加时，它会添加一个带有名称的标签和一个带有支持 ID 的隐藏字段（隐藏字段名称为“SupportIds[]”，因此它应该返回一个支持列表ids，不？）

有人已经编码了这样的东西（多对多，...）？