c# - Razor 中 foreach 中的 html 和代码的混合

Question

我想用 row-fluid 类创建引导网格。需要将所有带有 span4 类的嵌套 div 分成 block 。所以我想要这样的 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>

我在 Razor 中有代码

@{
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++;}
}

局部 View 只是把div和span4类放在一起，没有什么有趣的。

但是没有用。谁能指出我哪里出了问题？

Answer 1

像这样的东西应该创建你需要的东西:

@{
    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>")
}

这将:

• 在第一个循环中创建一个开头的 div
• 关闭当前打开的 div 并在每 4 个循环打开一个新的 div
• 在循环完成后添加一个结束 div。