在foreach中使用C#foreach,在每个项目中显示3个项目.圆盘传送带

Reh*_*jan 1 asp.net-mvc foreach carousel razor

我正在使用asp.net MVC 4作为我的项目,我有一个模型.我正在使用Bootstrap Carousel为我的索引页面显示产品(见下图)

现在我的问题是:我想在每个幻灯片项目中显示3个产品.我应该为此写一个ViewModel吗?

<div class="carousel slide>
  @for (int i = 0; i <= Model.Count()/3; i++ ) <!-- this works well, paging -->
    {
      <div class="item @if(i==0){<text>active</text>}">
        @foreach(var well in Model)
        {
            <div class="span4">
                <!-- some html here -->
            </div>
        }
      </div>
    }
</div>
Run Code Online (Sandbox Code Playgroud)

圆盘传送带

Sam*_*Sam 7

你的内心foreach遍布整个Model集合 - 你需要将它限制在相关的三个项目中.

我猜你想要的东西:

<div class="carousel slide>
    @for (int i = 0; i <= Model.Count()/3; i++ ) <!-- this works well, paging -->
    {
        <div class="item @if(i==0){<text>active</text>}">
        @foreach(var well in Model.Skip(i*3).Take(3))
        {
            <div class="span4">
                <!-- some html here -->
            </div>
        }
        </div>
    }
</div>
Run Code Online (Sandbox Code Playgroud)