ASP.NET MVC 3:用于具体实现的输出特定视图

本文关键字:实现 输出 视图 MVC NET 用于 ASP | 更新日期: 2023-09-27 18:00:34

我有一个基类型的IEnumerable作为我的模型。

我需要根据具体类型在列表中显示不同的HTML

因此,结果列表可能与HTML:中的类似

<ul>
  <li class="points">Points - Item 1 - 10 points <a href="#">Remove</a></li>
  <li class="media">Media - Item 2 - your_uploaded_image.jpg <a href="#">Remove</a></li>
  <li class="content">Content - Item 3 <a href="#">Remove</a></li>
</ul>

稍后我可能会添加另一种类型,所以像下面这样的解决方案并不是我真正想要的。

@foreach(var item in Model)
{
   if(item is PointImpl)
   {
       var pointItem = item as PointImpl;
       <li class="points">Points - @pointItem.Name - @pointItem.Points points <a href="#">Remove</a></li>
   }
   else if(item is MediaImpl)
   {
       var mediaItem = item as MediaImpl; 
       <li class="media">Media - @mediaItem.Name - @mediaItem.FileName  <a href="#">Remove</a></li>
   }
   /*
       More implementations
   */
}

我看过模型元数据模板提示,但这并没有真正的帮助,因为我的模型是一个IEnumerable。。

我想用一个自定义的Html Helper来查看具体类型上的属性,但我认为可能有一种内置的方法来实现这一点?

ASP.NET MVC 3:用于具体实现的输出特定视图

不用难看的foreach,只需使用显示模板:

@model IEnumerable<SomeBaseViewModel>
<ul>
    @Html.DisplayForModel()
</ul>

然后为所有子类型定义显示模板。例如:

~/Views/Shared/DisplayTemplates/PointImpl.cshtml:

@model PointImpl
<li class="points">
    Points - @Model.Name - @Model.Points points 
    <a href="#">Remove</a>
</li>

和:~/Views/Shared/DisplayTemplates/MediaImpl.cshtml:

@model MediaImpl
<li class="media">
    Media - @Model.Name - @Model.FileName 
    <a href="#">Remove</a>
</li>

看,不再有if,不再有循环,不再有var。一切都按惯例进行(模板必须位于~/Views/Shared/DisplayTemplates~/Views/SomeController/DisplayTemplates文件夹中,并且应命名为具体类型的名称-PointImpl.cshtmlMediaImpl.cshtml…)。根据具体类型,将呈现相应的显示模板,并自动为主模型集合的每个元素呈现。