Umbraco C#-在foreach循环上显示2个不同的列(1-2)(1-2)
我试图在Umbraco C#-在foreach循环上显示2个不同的列(1-2)(1-2),c#,asp.net-mvc,asp.net-mvc-4,umbraco,umbraco7,C#,Asp.net Mvc,Asp.net Mvc 4,Umbraco,Umbraco7,我试图在foreach循环(bootstarp列)中以1-2的顺序显示来自Umbraco的数据,但我的代码是以1-1列的顺序显示的,而不是循环中的1-2列。它不会将第二列添加到第二行,只添加一列 例如,显示1个项目,然后显示2个项目,然后显示1个项目,并显示不同的列 什么是更好的方法,使1-2的内容循环? 我有点迷路了。任何帮助都是好的 <div class="container-fluid" style="padding-left: 117px;"> <div cl
foreach
循环(bootstarp列)中以1-2的顺序显示来自Umbraco的数据,但我的代码是以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")) - OPINIÃ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>
}
else {
<div class="col-md-6 col-sm-12">
<span class="card-text qs-blog-direcao-double">@(item.GetPropertyValue<string>("tipoDeDirecao"))</span><br>
<img src=" /media/1182/tempo.jpg" style="height: 10em;margin-top: 2em;">
<div class="qs-blog-sideByside">
<span class="qs-blog-date-1page-double">@(item.GetPropertyValue<string>("dataDePublicacaoBlog"))</span><br>
<span class="qs-blog-publicado-por-double"> @(item.GetPropertyValue<string>("publicadoPorBlog")) - OPINIÃO </span>
</div>
<div class="qs-blog-titulo-1page-double">@(item.GetPropertyValue<string>("tituloBlog"))</div>
<div class="qs-blog-resumo-blog d-flex justify-content-start">@(item.GetPropertyValue<string>("resumoBlog"))</div>
<span class="d-flex justify-content-end"><a><img src=" /media/1027/icon_inf_verde.png"></a></span>
</div>
}
@{i++;}
</div>
}
}
}
<!-- BLOG START-->
</div>
@foreach(Model.Content.Children()中的变量数据,其中(x=>!x.GetPropertyValue(“umbracanaviHide”)){
if(data.HasValue(“blogNested”)){
var items=data.GetPropertyValue(“blogNested”);
int i=0;
foreach(项目中的var项目){
@如果(i%2==0){
@(item.GetPropertyValue(“tipoDeDirecao”)
@(item.GetPropertyValue(“dataDePublicacaoBlog”)
@(item.GetPropertyValue(“publicadoPorBlog”)-OPINIÃO
@(item.GetPropertyValue(“tituloBlog”))
@(item.GetPropertyValue(“resumoBlog”))
}
否则{
@(item.GetPropertyValue(“tipoDeDirecao”))
@(item.GetPropertyValue(“dataDePublicacaoBlog”)
@(项目.GetPropertyValue(“publicadoPorBlog”)-OPINIÃO
@(item.GetPropertyValue(“tituloBlog”))
@(item.GetPropertyValue(“resumoBlog”))
}
@{i++;}
}
}
}
可能是这样的
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>
}
}
var items=data.GetPropertyValue(“blogNested”)
.ToList();
while(items.Any())
{
var oneItem=items.First();
项目。删除(一个项目);
@oneItem.Id
var twoItems=items.Take(2.ToList();
if(twoItems.Any())
{
@foreach(两个项目中的var项目)
{
项目。移除(项目);
@项目Id
}
}
}
这将导致
<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>
...
{{Id}
{{Id}
{{Id}
{{Id}
...
我做得不错,我更新了上面的代码,但在第二行,它只显示一个collumn,而不是if后面的2个collumnstatement@yes我的结果与上面的代码第1行项目:1第2行项目:2,第1行项目:3,第2行项目:4,第1行项目:5
的结果相同,但实际上我需要这个结果第1行项目1,第2行项目:2和3,第1行项目:4 ect
感谢它的工作。我提出了一个类似的解决方案,但这个更好,谢谢您的时间;)干杯