[英]Mix of html and code in foreach in razor
我想用row-fluid类创建bootstrap网格。 需要将所有嵌套div与span4类分隔成块。 所以我希望有这样的HTML:
<div class="row-fluid">
<div class="span4"></div>
<div class="span4"></div>
<div class="span4"></div>
</div>
<div class="row-fluid">
<div class="span4"></div>
<div class="span4"></div>
<div class="span4"></div>
</div>
我有剃刀代码
@{
int counter = 3;
}
@foreach (var config in Model)
{
@if (counter == 3)
{
<div class="row-fluid">
@counter = 0;
}
@Html.Partial("_ConfigBar", config)
@if (counter == 2)
{
</div>
}
@{counter++;}
}
部分视图只是将div放在span4类中,并没有什么有趣的。
但它没有用。 谁能指出我有什么不对?
这样的事情应该创造你所需要的:
@{
int counter = 0;
foreach (var config in Model)
{
if (counter == 0)
{
@Html.Raw("<div class=\"row-fluid\">")
}
else if (counter > 0 && counter % 3 == 0 )
{
@Html.Raw("</div><div class=\"row-fluid\">")
}
@Html.Partial("_ConfigBar", config)
counter++;
}
@Html.Raw("</div>")
}
这将:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.