使用部分更新 foreach 循环中的 div 类

Question

我想用mvc razor创建一个博客列表。我有一个部分用于调用博客项目和一个布局作为母版页。我想使用 zip 布局(第一个项目推到右，第二次推到左，然后重置下一个项目(。

布局

@foreach (var item in Model.Listings)
{
     @Html.Partial("~/Views/Listing/_ListingCard.cshtml", item)
}

部分

       <div class="card card-plain card-blog">
        <div class="row">
            <div class="col-md-5">
                <div class="card-image">
                 ///MyCodes
                </div>
            </div>
            <div class="col-md-7">
                <div class="card-body">
                ///MyCodes
                </div>
            </div>
        </div>
      </div>

我想更改col-md-5，每个循环col-md-7。
我可以在没有 JS 的情况下做到这一点吗？请问有什么想法吗？

Answer 1

好的，我找到了一种方法。

@{
   int counter = 0;
}
@foreach (var item in Model.ListingsPageList.Take(5))
{
    counter++;
    @Html.Partial("~/Views/Listing/_ListingCard.cshtml", item, new ViewDataDictionary { { "counter", counter } })
    if(counter > 1)
    {
       counter = 0;
    }
}

部分

  <div class="card card-plain card-blog">
    <div class="row">
        <div class="@(ViewBag.counter > 1 ? "col-md-7":"col-md-5")>
            <div class="card-image">
             ///MyCodes
            </div>
        </div>
        <div class="@(ViewBag.counter > 1 ? "col-md-5":"col-md-7")>
            <div class="card-body">
            ///MyCodes
            </div>
        </div>
    </div>
  </div>