Django 模板中具有多于一组行的交替行着色

Question

Django 模板提供了内置标签 cycle 用于在模板中不同点的多个值之间交替（或模板中的 for 循环），但是当在 cycle 之外的范围内访问此标签时，它不会重置s 定义。即，如果您的模板中有两个或多个列表，您希望使用一些 css 定义odd 和even 的所有行，列表的第一行将在最后一个离开的地方接，而不是从选择中重新迭代（odd 和 even）

例如，在下面的代码中，如果第一个博客的条目数为奇数，那么第二个博客中的第一个条目将以 even 开头，而我希望它以 odd 开头。

{% for blog in blogs %}
  {% for entry in blog.entries %}
    <div class="{% cycle 'odd' 'even' %}" id="{{entry.id}}">
      {{entry.text}}
    </div>
  {% endfor %}
{% endfor %}

我尝试通过修补此处提供的 resetcycle 标签来避免这种情况：

Django ticket: Cycle tag should reset after it steps out of scope

无济于事。 （代码对我不起作用。）

我也尝试将我的内部循环移动到自定义标记中，但这也不起作用，可能是因为编译/渲染循环将循环移回了外部循环？ （不管为什么，它对我不起作用。）

我怎样才能完成这个简单的任务！？我不希望在我的视图中使用预编译的这些信息创建数据结构；这似乎没有必要。提前致谢。

Answer 1

您可以使用标记的cycle 和resetcycle（Django 1.11 中的新功能）调用（来自https://docs.djangoproject.com/en/1.11/ref/templates/builtins/#std:templatetag-resetcycle）：

{% for blog in blogs %}
  {% cycle 'odd' 'even' as rowcolors silent %}
  {% resetcycle rowcolors %}
  {% for entry in blog.entries %}
    {% cycle rowcolors %}
    <div class="{{ rowcolors }}" id="{{entry.id}}">
      {{ entry.text }}
    </div>
  {% endfor %}
{% endfor %}

Answer 2

https://docs.djangoproject.com/en/1.8/ref/templates/builtins/#cycle

{% for o in some_list %}
    <tr class="{% cycle 'row1' 'row2' %}">
        ...
    </tr>
{% endfor %}

Answer 3

我最终这样做了，使用 forloop.counter0 - 效果很好！

{% for product in products %}

    {% if forloop.counter0|divisibleby:4 %}<div class="clear"></div>{% endif %}

    <div class="product {% if forloop.counter0|divisibleby:4 %}col{% else %}col20{% endif    %}">
        Lorem Ipsum is simply dummy text
    </div>

{% endfor %}

Answer 4

放弃使用Jinja2 Template System

我放弃了 django 模板语言，它的用途非常有限。 Jinja2 使用与 django 模板相同的语法，但在其上添加了许多增强功能。

EDIT/NOTE（我知道这听起来像是一个小问题的大转变，但实际上我敢打赌你总是发现自己在与 django 中的默认模板系统作斗争，所以这真的很值得而且我相信从长远来看它会让你更有效率。）

你可以阅读this article written by its author，虽然是技术性的，但他提到了django中{% cycle %}标签的问题。

Jinja 没有循环标签，它在循环上有一个循环方法：

{% for user in users %}
    <li class="{{ loop.cycle('odd', 'even') }}">{{ user }}</li>
{% endfor %}

Jinja2 的一个主要优点是它允许您使用逻辑进行演示，因此如果您有一个图片列表，您可以将它们放在一个表格中，因为您可以在表格中每隔 N 个元素开始一个新行，看，你可以做例如：

{% if loop.index is divisibleby(5) %}   
     </tr>
     {% if not loop.last %}
     <tr>
     {% endif %}
{% endif %}

你也可以使用数学表达式：

{% if x > 10 %}

您可以直接访问您的 python 函数（但需要一些设置来指定应该为模板公开哪些函数）

{% for item in normal_python_function_that_returns_a_query_or_a_list() %}

甚至设置变量..

{% set variable_name = function_that_returns_an_object_or_something() %} 

Answer 5

最简单的解决方法（在修复并应用 resetcycle 补丁之前）是使用带有 forloop.counter 的内置“divisibleby”过滤器：

{% for entry in blog.entries %}
  <div class="{% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}" id="{{ entry.id }}">
    {{ entry.text }}
  </div>
{% endfor %}

有点冗长，但不难理解，而且效果很好。

Answer 6

有一种方法可以在服务器端使用不保留所有条目的同时副本的迭代器：

import itertools
return render_to_response('template.html',
  {
    "flattened_entries": itertools.chain(*(blog.entries for blog in blogs)),
  })

Answer 7

最简单的答案可能是：“放弃并使用 jQuery。”如果这是可以接受的，那可能比与 Django 的模板为这么简单的事情争吵要容易。