我使用 Razor 和 MVC 5 在页面上输出大量项目列表。这是我目前拥有的内容:
@foreach (var item in Model.Items)
{
<a>@item.Name</a>
}
我想做的是输出以下内容:
<div class="tab-0">
<a>Item 1</a>
<a>Item 2</a>
<a>Item 3</a>
<a>Item 4</a>
</div>
<div class="tab-1">
<a>Item 5</a>
<a>Item 6</a>
<a>Item 7</a>
<a>Item 8</a>
</div>
<div class="tab-2">
<a>Item 9</a>
<a>Item 10</a>
<a>Item 11/a>
<a>Item 12</a>
</div>
我需要将每 4 个项目分组到一个 div 标签中。我怎样才能在 Razor 中做到这一点?
不确定您是否想增加Item
数(或者如果@item.Name
实际上包含递增的数字),但以下代码将递增类名(一个新的div
每 4 次迭代)和项目编号。
@{ var t = 0; var i = 1; }
<div class="tab-@t">
@foreach (var item in Model.Items)
{
<a>Item @i</a> // this may be just @item.Name?
if (i % 4 == 0)
{
t++;
@:</div><div class="tab-"@t>
}
i++;
}
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)