我有一张10件商品的单子.这个 idea 是将前5个用于左列,将最后5个用于右列.
然后,我将左侧的5插入到每个单独的div中(因 for each 单独的div都有一个相应的编号),并且对右侧的列也是如此.
Example HTML个
<div class="parent">
<div class="left">
<div class="leftOne">@leftInfoOne </div>
<div class="leftTwo">@leftInfoTwo </div>
</div>
<div class="right">
<div class="rightOne">@rightInfoOne </div>
<div class="rightTwo">@rightInfoTwo </div>
</div>
</div>
到目前为止,我在Razor视图中做了如下操作
var allleftItems = ctx.Customers.Take(5);
var allRightItems = ctx.Customers.Skip(Math.Max(0, ctx.Customers.Count() - 2));
然后,在每个左/右div下,我声明了单个项目,如下所示
var leftInfoOne = allleftItems.Element(0)
var leftInfoTwo = allleftItems.Element(1)
除了交换名称和集合名称外,右侧div也是如此.
有没有更好的方法来实现这一点,而不是创建一个变量来保存每个元素?
我想是foreach
,但每个div都是不同的,即leftOne
和leftTwo
需要该div的适当元素?