我正在尝试通过Bootstrap选项卡扩展Content.Detail
模板,其中每个选项卡都是一个不同的内容区域,以便我可以根据内容类型使用放置将不同的字段/部分推送到不同的选项卡。我不想对区域名称进行硬编码,所以我认为如果可以执行以下操作来动态显示它们,那将是一件很整洁的事情:
<ul class="nav nav-tabs" role="tablist">
@foreach(var zone in Model.Zones.Where(z => z.ZoneName.StartsWith("Tab")))
{
<li role="presentation">
<a href="#@zone.ZoneName" aria- role="tab" data-toggle="tab">
@T(zone.ZoneName)
</a>
</li>
}
</ul>
<div class="tab-content">
@foreach(var zone in Model.Zones.Where(z => z.ZoneName.StartsWith("Tab")))
{
<div role="tabpanel" class="tab-pane" id="@zone.ZoneName">
@Display(zone)
</div>
}
</div>
我认为这不起作用,因为ZoneHolding
实际上不是集合。有什么方法可以使属性不知道名称而离开区域吗?