Django Bootstrap Carousel 一次 4 个项目

Posted 2023-05-08

【中文标题】Django Bootstrap Carousel 一次 4 个项目

【英文标题】：Django Bootstrap Carousel 4 items at a time

【发布时间】：2021-06-15 09:49:09

【问题描述】：

美好的一天。

我想在 Django 中使用 Bootstrap Carousel，并在每个 carousel-item 中显示 4 个项目。 （最多 20 项）

首先，我创建了一个视图：

items = AllItems.objects.all().order_by('-id')
context['items'] = items 

接下来，在我的模板上，我认为我需要像这样遍历我的项目

<div class="carousel-inner">
    % for item in items%
        % if forloop.counter|divisibleby:4 == 1 or forloop.first % // Add the opening div
            <div class="carousel-item"> 
        % endif %
            <div class="item">item.item_title</div>              // Add the items
        % if forloop.counter|divisibleby:4 == 0 or forloop.last %  // Add the closing div
            </div>
        % endif %
    % endfor %
</div>

但现实不同。希望在这种情况下询问您的逻辑。

我需要为此使用分页器吗？虽然我的第二个选择是使用分页器，然后使用 ajax 和 jquery 为每个轮播项目创建 div。

【问题讨论】：

@Sumithran。它让我开始了。经过一些调整后，它现在可以像我想要的那样渲染了。谢谢你的建议。

【参考方案1】：

您可以使用slice

<ul>
  <div class="carousel-inner">
    % for item in items|slice:":4"% <!-- Shows first four objects -->
      <div class="carousel-item"> 
        <div class="item">item.item_title</div>
      </div>
    % endfor %
  </div>
</ul>

【讨论】：

这让我开始了解我需要的东西。谢谢