Question

我有这些视图模型。

public class MasterFrmVm
{
    public Guid Id { get; set; }
    public IList<FrmVm> FrmVms { get; set; }

    public MasterFrmVm()
    {
         RewardTierFrmVm = new List<RewardTierFrmVm>();
    }
}

public class FrmVm
{
    public Guid Id { get; set; }
    public IList<GroupedStoreVm> GroupedStoresVm { get; set; }

    public FrmVm()
    {
         GroupedStoresVm = new List<GroupedStoreVm>();
    }
 }

 public class GroupedStoreVm
 {
     public string CountryName { get; set; }
     public string CountryId { get; set; }
     public IList<StoreGroupingVm> StoreGroupingVms { get; set; }

     public GroupedStoreVm()
     {
          StoreGroupingVms = new List<StoreGroupingVm>();
     }
 }

 public class StoreGroupingVm
 {
      public string Name { get; set; }
      public Guid Id { get; set; }
      public IList<StoreVm> StoreVms { get; set; }
 }

 public class StoreVm
 {
      public Guid Id { get; set; }
      public string Name { get; set; }
 }


 @foreach (var f in Model.FrmVm )
 {
      @Html.Partial("GenerateTier", f)
 }


//GenerateTier
     @model FrmVm
     <ul class="storeTree">  
     @for (int i = 0; i < Model.GroupedStoresVm.Count; i++)
     {
                     <li>
                        <input type="checkbox" name="@Model.GroupedStoresVm[i]" value="@Model.GroupedStoresVm[i].CountryId" />@Model.GroupedStoresVm[i].CountryName
                        <ul>
                              @for (int x = 0; x < Model.GroupedStoresVm[i].StoreGroupingVms.Count; x++)
                            {
                                <li>
                                   @Html.CheckBox(Model.GroupedStoresVm[i].StoreGroupingVms[x].Name , false, new { value = Model.GroupedStoresVm[i].StoreGroupingVms[x].Id }) @Model.GroupedStoresVm[i].StoreGroupingVms[x].Name                                
                                    <ul>
                                       @for (int z = 0; z < @Model.GroupedStoresVm[i].StoreGroupingVms[x].StoreVms.Count; z++)
                                       {
                                           <li>@Html.CheckBox(Model.GroupedStoresVm[i].StoreGroupingVms[x].StoreVms[z].Name, false)@Model.GroupedStoresVm[i].StoreGroupingVms[x].StoreVms[z].Name  </li>
                                       }
                                    </ul>
                                 </li>                                      
                            }                    
                        </ul>                 
                     </li>        
                }
                </ul>

我基本上是在创建一个复选框树（然后使用jquery插件，我让它看起来像一棵树）。但是我不知道如何制作复选框以便它们绑定。通常我会使用强类型的html帮助器，但我只是不知道它看起来如何，因为它想要一个bool值。

所以我尝试了非强类型帮助器和html，但我无法弄清楚如何在我控制器绑定时如此。

public ActionResult (FrmVm vm)
{
}

我正在使用jquery并将其序列化并通过Ajax发送。

修改

我也忘了提到FrmVm是另一种视图模型，因为它也可以很多。

@foreach (var f in Model.FrmVm)
{
     @Html.Partial("GenerateTier", f)
}

然后我上面展示的代码是什么。现在添加到我的代码中。

编辑2

这是我在firebug中看到的内容

FrmVm%5Bd06a6c21-1796-4fb5-9af5-cbf973c6c820%5D.a=a
&FrmVm%5Bd06a6c21-1796-4fb5-9af5-cbf973c6c820%5D.a=false

&FrmVm%5Bd06a6c21-1796-4fb5-9af5-cbf973c6c820%5D.3=70563225-2718-40ec-8a71-a01500a66183
&FrmVm%5Bd06a6c21-1796-4fb5-9af5-cbf973c6c820%5D.3=false

&FrmVm%5Bd06a6c21-1796-4fb5-9af5-cbf973c6c820%5D.1=dbd43e7e-86e4-4fa1-9e48-a01a00db151c
&FrmVm%5Bd06a6c21-1796-4fb5-9af5-cbf973c6c820%5D.1=false

结构将是（当然它们将是复选框）

-a
  - 3
     -1

不确定为什么它说它们都是假的，因为我检查了所有这些。

Answer 1

当您的viewmodel具有定义为bool的属性时，帮助器@Html.EditorFor(model => model.boolProperty)将自动生成一个复选框。

回应你的评论，或许是这样的？

public class myViewModel
{
 List<boolNames> firstList { get; set; }
 List<boolNames> anotherList { get; set; }
}

public class boolNames
{
 public string Name { get; set; }
 public int GUID { get; set; }
 public bool checkBox { get; set; }
}

视图

@for(int i = 0 ; i < Model.firstList.Count ; i++ )
{
 <div id="@(Model.firstList[i].GUID)">
 <span>@Model.firstList[i].Name</span>
 <span>@Html.EditorFor(model => model.firstList[i].checkBox)</span>
 </div>
}

我如何模型绑定这个？

1 个答案: