如何对此进行建模绑定
本文关键字:建模 绑定 | 更新日期: 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>
}