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

debugcn 发表于 Dev

我想用 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 的情况下做到这一点吗？请问有什么想法吗？

好的，我找到了方法。

@{
   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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。