我試圖在foreach循環中以 1-2 的順序顯示來自 Umbraco 的數據（bootstarp 列），但我的代碼以 1-1 列的順序顯示，而不是在循環中以 1-2 的順序顯示。它不會將第二列添加到第二行，而只是添加一列。例如，先顯示 1 個項目，然后顯示 2 個項目，然后再顯示 1 個項目，并顯示不同的列。在內容循環中制作 1-2 的更好方法是什么？我有點迷失在這個上。任何幫助都會很好。 <div class="container-fluid" style="padding-left: 117px;"> <div class="row" style="margin-top: 5em;"> <div class="col-lg-9 col-md-9 col-sm-9"> <!-- BLOG START--> @foreach(var data in Model.Content.Children().Where(x => !x.GetPropertyValue<bool>("umbracoNaviHide"))){ if(data.HasValue("blogNested")){ var items = data.GetPropertyValue<IEnumerable<IPublishedContent>>("blogNested"); int i = 0 ; foreach(var item in items){ <div class="row"> @if(i % 2 == 0) { <div class="col-md-4 col-sm-12"> <div class="card"> <img src=" /media/1180/dude.jpg" style="height: 15em;"> </div> </div> <div class="col-md-6 col-sm-12"> <span class="card-text qs-blog-direcao">@(item.GetPropertyValue<string>("tipoDeDirecao"))</span><br><br> <span class="qs-blog-date-1page">@(item.GetPropertyValue<string>("dataDePublicacaoBlog"))</span><br> <span class="qs-blog-publicado-por"> @(item.GetPropertyValue<string>("publicadoPorBlog")) - OPINIA?O </span><br><br><br> <span class="qs-blog-titulo-1page">@(item.GetPropertyValue<string>("tituloBlog"))</span> </div> <div class="col-md-12 col-sm-12" style="margin-top:2em;"> <span class="qs-blog-resumo d-flex justify-content-start">@(item.GetPropertyValue<string>("resumoBlog"))</span> <span class="d-flex justify-content-end"><a><img src=" /media/1027/icon_inf_verde.png"></a></span> </div> }
1 回答
元芳怎么了
TA貢獻1798條經驗 獲得超7個贊
可能是這樣的
var items = data.GetPropertyValue<IEnumerable<IPublishedContent>>("blogNested")
.ToList();
while (items.Any())
{
var oneItem = items.First();
items.Remove(oneItem);
<div class="row">
<div class="col-md-12">
@oneItem.Id
</div>
</div>
var twoItems = items.Take(2).ToList();
if (twoItems.Any())
{
<div class="row">
@foreach (var item in twoItems)
{
items.Remove(item);
<div class="md-6">
@item.Id
</div>
}
</div>
}
}
這將呈現
<div class="row">
<div class="col-md-12">
<text>{{Id}}</text>
</div>
</div>
<div class="row">
<div class="md-6">
<text>{{Id}}</text>
</div>
<div class="md-6">
<text>{{Id}}</text>
</div>
</div>
<div class="row">
<div class="col-md-12">
<text>{{Id}}</text>
</div>
</div>
...
- 1 回答
- 0 關注
- 98 瀏覽
添加回答
舉報
0/150
提交
取消