Razor foreach RenderPartial 2 Rows, 5 Across

Question

我有一个 MVC 页面设置来呈现我调用模块的各种局部视图，并且在每个模块中我试图使用 Razor foreach 循环呈现产品的另一个局部视图（基于模型集合） .每个模块本质上都是一种显示产品图像的不同方式，一些带有细节，一些只是图像等。我将如何设置以下例程以在 2 行中为 2hx5w 块渲染局部视图 5 次？

@foreach (var product in @Model.CustomizedList.ItemsFound)
{
    Html.RenderPartial("_Product", product);
}

谢谢！

Answer 1

您可能需要添加一些 html 并创建 table 或 bootstrap 网格。

<table>
@int i = 0;
@foreach (var product in @Model.CustomizedList.ItemsFound)
{
    if(i % 5 == 0)
    {
        @:<tr>
    }
    @:<td>
    Html.RenderPartial("_Product", product);
    @:</td>
    if((i + 1) % 5 == 0)
    {
        @:</tr>
    }
    ++i;
}
</table>

Razor foreach RenderPartial 2 Rows, 5 Across

Razor foreach RenderPartial 2 Rows, 5 Across

c#

asp.net-mvc

foreach

partial-views

razor