用于填充引导行和列的 django 模板

Question

所以这是我的问题：我有一堆类的实例。我想要一张这些实例对象的表格，这样每行最多有六个。在引导术语中，我希望每个对象都由类“span2”的“div”中的缩略图表示。

我最初的冲动是使用嵌套的 for 循环，但我在模板中操作索引变量时遇到了麻烦，而且我不知道如何在模板之外执行此操作。

这通常是我想要弄清楚的 python/django 模板/伪代码。

queryset = Class.objects.all()
set_length = queryset.count()

num_rows = set_length/6 
#because I want 6 columns in each row, each with one instance

set_as_list = list(queryset) 
# have a list so I can iterate through objects by index

for i in range(table_rows):
    # make a row
    <div class="row">
    for j in range (i*6,(i+1)*6):
        #make six or less columns
        <div class="span2">
           <p>set_as_list[j].attribute1</p>
           <p>set_as_list[j].attribute2</p>
        </div>
    </div> # end row

我希望这种 django 模板语言、python 和 html 的公然混合不会太冒犯任何人。只是试图表达我正在尝试做的事情的想法。如果有人愿意提供任何帮助，我将不胜感激，因为我已经为此苦苦挣扎了好几天，并且在模板内外都在寻找解决方案。

我也意识到在整数除法之后需要有一个包含剩余对象的最后一行。

Answer 1

没有时间解释，但我遇到了类似的问题，直到我关闭此浏览器页面，这里是一个解决方案

{% for sub_article in articles %}
    {% if forloop.first %}<div class="row">{% endif %}
    <div class="col-xs-4">
            <a href="#">
                {{ sub_article.name }}
            </a>
        </div>
    {% if forloop.counter|divisibleby:3 %}</div><div class="row">{% endif %}
    {% if forloop.last %}</div>{% endif %}
{% endfor %}

Answer 2

由于 forloop.counter 以 1 开始索引，因此除以 3 不起作用。 所以请改用 forloop.counter0。

<div class="row">
{% for product in all_products %}
    {% if forloop.counter0|divisibleby:3 %}
        </div><br><div class="row">
    {% endif %}
        <div class="col-4"></div>
{% endfor %}

Answer 3

可能为时已晚，但有simple solution如下

<div class="container">
    <div class="row">
        {% for product in products %}
            {% if forloop.counter0|divisibleby:3 and not forloop.first %}<div class="w-100"></div>{% endif %}
            <div class="col">{{product.title}}</div>
        {% endfor %}
    </div>
</div>

Answer 4

我建议添加自定义标签as_chunk。我认为它使代码更漂亮，更具可读性。

# app/templatetags/my_tags.py

from math import ceil
from django import template

register = template.Library()

@register.filter
def as_chunks(lst, chunk_size):
    limit = ceil(len(lst) / chunk_size)
    for idx in range(limit):
        yield lst[chunk_size * idx : chunk_size * (idx + 1)]


# app/templates/your-template.html

{% load my_tags %}

...

{% for chunk in elements|as_chunk:6 %}
  <div class="row">
    {% for element in chunk %}
      <div class="col-2">
        {{ element.name }}
      </div>
    {% endfor %}
  </div>
{% endfor %}

...

Answer 5

您可以使代码更通用一点。逻辑如下：

queryset = Class.objects.all()
set_length = queryset.count()

<div class="row">
{% for i in queryset %}
    <div class="span2">
        <p>i.attr</p>
        <p>i.attr</p>
    </div>
    {% if forloop.counter|divisibleby:"6" or forloop.last %}
        </div> <!--end row-->
    {% endif %}
{% endfor %}

我希望这能解决你的问题:-)