html - 使用部分更新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>