如何绑定具有子视图模型属性的视图模型？

Question

我很想知道处理以下场景的最佳方法：

public class LittleThingViewModel
{
    public string Id{ get; set; }
    public string Name { get; set; }
    public string Location { get; set; }
}

public class BigThingViewModel
{
    public LittleThingViewModel little1 {get; set; }
    public LittleThingViewModel little2 {get; set; }
    public string propA {get; set; }
    public string propB {get; set; }
    public string propC {get; set; }
}

在控制器的初始 CREATE 操作中，我填充两个 LittleThingViewModel，将它们分配给一个新的 BigThingViewModel 并将其传递给强类型视图。然后，我使用 EditorFor 渲染 BigThing 属性 A、B 和 C 的编辑控件。

自动将 LittleThingViewModels 渲染到表单以便当我回发到控制器时它会自动绑定的最佳技术是什么？ （我的目标是仅显示名称并隐藏其他属性）

public ActionResult Create(BigThingViewModel b) 

我发现除了两个 LittleThing 子视图模型的每个单独属性之外，我还可以渲染 A、B 和 C 属性，并且它在 POST 期间成功绑定 BigThingViewModel：

Html.DisplayFor(model=>model.little1.Name)
Html.HiddenFor(model=>model.little1.Name)
Html.HiddenFor(model=>model.little1.Id)
Html.HiddenFor(model=>model.little1.Location)

是否有一种技术可以让我自动渲染标签和隐藏元素，而不必每次都显式地渲染它们？

比如：

Html.RenderFor(model=>model.little1)

谢谢

Answer 1

创建一个强类型化为 LittleThingViewModel 的部分视图。

LittleThingView.ascx（部分视图）

Html.DisplayFor(model=>model.Name)
Html.HiddenFor(model=>model.Name)
Html.HiddenFor(model=>model.Id)
Html.HiddenFor(model=>model.Location)

在主视图中

<%
Html.RenderPartial("LittleThingView",model.little1);
Html.RenderPartial("LittleThingView",model.little2);
%>

为了使其看起来更好，您可以在大 ViewModel 中为这些对象创建一个集合。因此，如果其中之一为空或者您需要多个，则不需要任何更改。

public class BigThingViewModel
{
    public List<LittleThingViewModel> littles=new List<LittleThingViewModel>();
    public string propA {get; set; }
    public string propB {get; set; }
    public string propC {get; set; }
}

并在视图中：

<%
foreach(var littleThingViewModel in model.littles)
{
    Html.RenderPartial("LittleThingView",littleThingViewModel);
}
%>