MVC4 在多个视图中使用相同的局部视图

Question

我有一个“注册申请”视图，包含 20 个字段。用户注册。用户注册后，我可以选择让用户更新已提交的组件。

例如：查看注册有“联系信息”、“地址信息”等部分，目前有 5 个部分。

所以在注册视图中，我创建了一个包含所有字段的视图模型@model ViewModels.RegisterVM。

对于编辑联系信息，我有自己的@model ViewModels.ContactInformationVM

现在，这是我的问题，因为两个视图将具有相同的标记代码，所以我决定为联系信息创建一个部分视图，以便我可以重用标记代码，并且能够在一个地方而不是两个地方管理它。

所以在注册视图中

 @model ViewModels.RegisterVM
  .......
 @Html.Partial("~/Views/Shared/widget/_ContactInformation.cshtml", @Model)

在联系信息视图中我想重用这个局部视图

 @model ViewModels.ContactInformationVM` 
 @Html.Partial("~/Views/Shared/widget/_ContactInformation.cshtml", @Model)

两个视图都有自己的视图模型，局部视图只能接受一个视图模型

不知道我应该在局部视图中声明什么视图模型

我知道我可以从部分视图中复制代码并将其放置在注册视图和联系信息视图中，这样可以解决问题。但我想知道是否有更好的方法来避免使用相同的代码在多个文件中。

我希望我的要求是有道理的。谢谢阅读。

Answer 1

您在这里要做的是创建一个复合视图模型，该模型将每个部分作为单独的属性。例如：

public class RegisterVM
{
    public ContactInformationVM ContactInformation { get; set; }
    public AddressInformationVM AddressInformation { get; set; }
    ...
}

然后在您的部分中，您引用子模型：

_ContactInformation.cshtml

@model ViewModels.ContactInformationVM

<!-- contact info fields here, for example: -->
@Html.EditorFor(m => m.FirstName)
...

然后，在您的注册视图中，您使用 RegisterVM 作为您的模型并为每个部分加载部分：

@model ViewModels.RegisterVM

@Html.Partial("_ContactInformation", Model.ContactInformation)
@Html.Partial("_AddressInformation", Model.AddressInformation)
...

现在，您可以随意重用这些组件。