多个模型的 MVC 显示模板

Question

为了跟上 DRY 原则，我在多个视图中生成了一些 html，我将它移到了显示模板中。

由于不同的视图有不同的模型，我怎样才能使显示模板通用？属性名称相同。

假设我有这两个模型：

public class ListModel
{
 public bool Prop1 {get;set;}
 public bool Prop2 {get;set;}
}

public class DisplayModel 
{
 public bool Prop1 {get;set;}
 public bool Prop2 {get;set;}
}

这是我的显示模板 - 我怎样才能使它更通用 - 我需要它能够接受具有相同属性名称的任何模型？

@model ListModel
{
 if(Model.Prop1)
 {
  <div>Prop1!</div>
 }
 if(Model.Prop2)
 {
  <div>Prop2!</div>
 }

}

这是我的 2 个视图：列表和显示

列表：

@model ListModel

@DisplayFor(@Model, "CustomDisplayTemplate")

显示：

@model DisplayModel

@DisplayFor(@Model, "CustomDisplayTemplate") //will currently break as the custom display template expects a ListModel

Answer 1

用两个属性创建一个接口：

public interface ISameModel
{
 bool Prop1 { get; }
 bool Prop2 { get; }
}

public class ListModel : ISameModel
{
 public bool Prop1 {get;set;}
 public bool Prop2 {get;set;}
}

public class DisplayModel : ISameModel
{
 public bool Prop1 {get;set;}
 public bool Prop2 {get;set;}
}

然后将此接口用作模板中的模型

@model ISameModel

Answer 2

一种选择是使用UIHint 属性。当这个属性被添加到模型属性时，Razor 会寻找同名的视图模板。

[UIHint("MyCustomView")]
public class ListModel
{

    public bool Prop1 {get;set;}
    public bool Prop2 {get;set;}
}

[UIHint("MyCustomView")]
public class DisplayModel 
{
    public bool Prop1 {get;set;}
    public bool Prop2 {get;set;}
}

你可以把你的自定义视图放在这里Views/DisplayTemplates/MyCustomView.cshtml，注意模型类型现在是动态的：

@model dynamic

@if(Model.Prop1)
{
    <div>Prop1!</div>
}
@if(Model.Prop2)
{
    <div>Prop2!</div>
}

您还可以在 Views/EditorTemplates/MyCustomView.cshtml 此处为编辑器模板添加视图。