如何对此进行建模绑定

本文关键字:建模 绑定 | 更新日期: 2023-09-27 18:28:48

我有这些视图模型。

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值。

所以我尝试了非强类型的helper和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

不知道为什么它说它们都是假的,因为我检查了所有的。

如何对此进行建模绑定

当视图模型的属性定义为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>
}