2015-01-01 62 views
1

我有一个MVC5应用程序,并在我的视图,我有一个这样的代码:如何将复选框的值传递给MVC5中的ActionResult?

<div class="form-group"> 
    @Html.LabelFor(model => model.CategoryID, "Category", htmlAttributes: new { @class = "control-label col-md-3" }) 
    <div class="col-md-9"> 
     @Html.DropDownList("CategoryID", null, "Please select a category", htmlAttributes: new { @class = "form-control" }) 
     @Html.ValidationMessageFor(model => model.CategoryID, "", new { @class = "text-danger" }) 
    </div> 
</div> 
<div id="subcatsform" class="form-group" style="visibility:hidden;"> 
    @Html.LabelFor(m => m.Subcategories, new { @class = "col-md-3 control-label" }) 
    <div id="subcats" class="col-md-9"> 

    </div> 
</div> 

然后,我有一个JavaScript代码根据以前选择的类别,它填充的子类别。我用下面的代码段实现它:

$(function() { 
    $("#CategoryID").on("change", function() { 
     var selected_option = $("#CategoryID option").filter(":selected").text(); 
     $("#subcats").empty(); 

     if (selected_option != "Please select a category") { 
      $("#subcatsform").css("visibility", "visible"); 

      $.ajax({ 
       url: "/Home/GetSubcategories", 
       dataType: "json", 
       data: { 
        cid: $("#CategoryID").val(), 
       }, 
       success: function (data) { 
        $.each(data, function (key, value) { 
         var checkbox = '<input type="checkbox" name="subcategory" value="' + value.id + '"> ' + value.value + '<br />'; 
         $("#subcats").append(checkbox); 
        }); 
       } 
      }); 
     } 
     else 
     { 
      $("#subcatsform").css("visibility", "hidden"); 
     } 
    }); 
}); 

的一点是,直到一切正常,并为每个选定的类别,我正确地获取子类别的列表,并与他们建立的每一个,其中的复选框您可以看到name属性等于subcategory,而value属性等于该子类别的实际ID。

接下来我想要做的是,我想获得选中的复选框(意为选定的子类别)的value属性,并将其传递给我的控制器。我的ActionResult是这样定义的:

public async Task<ActionResult> RegisterBusiness(BusinessViewModel model) 

BusinessViewModel里面,我有这样的特性:

public virtual ICollection<Subcategory> Subcategories { get; set; } 

而且,最后我Subcategory模型的定义是这样的:

public class Subcategory 
{ 
    public int SubcategoryID { get; set; } 

    public string SubcategoryName { get; set; } 

    public string SubcategoryDescription { get; set; } 

    [ForeignKey("Category")] 
    [Display(Name = "Category")] 
    public int CategoryID { get; set; } 

    public virtual Category Category { get; set; } 

    [NotMapped] 
    public bool IsSelected { get; set; } 
} 

如果有人可以帮助我将选定复选框的值传入我的RegisterBusiness ActionResult,然后将它们存储在我的ICollection<Subcategory> Subcategories财产,我会很高兴。

回答

2

更改RegisterBusiness采取的措施名为subcategory

public async Task<ActionResult> RegisterBusiness(BusinessViewModel model, int[] subcategory) 

的阵列将自动捕捉选择复选框值的int数组。

现在,在回发创建ICollection<Subcategory>string[] subcategory并分配到子类别。

using System.Linq; 
... 
... 
ICollection<Subcategory> Subcategories = subcategory.Select(x => new Subcategory { SubcategoryID = x}).ToList(); 
+0

感谢您的回答。一个问题,我不应该做一个foreach循环,查找我的数据库中的每个子类别与检查的ID,然后返回它们?因为像上面的代码,我想它会创建一个子类别的新实例。 – tett

相关问题