Ich suche nach einer Möglichkeit, so etwas wie den Moduloperator in Django zu verwenden. Ich versuche, jedem vierten Element in einer Schleife einen Klassennamen hinzuzufügen.

Mit Modul würde es so aussehen:

{% for p in posts %}
    <div class="post width1 height2 column {% if forloop.counter0 % 4 == 0 %}first{% endif %}}">
        <div class="preview">

        </div>
        <div class="overlay">

        </div>
        <h2>p.title</h2>
    </div>
{% endfor %}

Dies funktioniert natürlich nicht, da% ein reserviertes Zeichen ist. Gibt es eine andere Möglichkeit, dies zu tun?

Sie benötigen divisibleby , einen eingebauten Django-Filter.

{% for p in posts %}
    <div class="post width1 height2 column {% if forloop.counter0|divisibleby:4 %}first{% endif %}">
        <div class="preview">

        </div>
        <div class="overlay">

        </div>
        <h2>p.title</h2>
    </div>
{% endfor %}

Sie können den Moduloperator nicht in Django-Vorlagen-Tags verwenden, aber es wäre einfach genug, einen Filter dafür zu schreiben. So etwas sollte funktionieren:

@register.filter
def modulo(num, val):
    return num % val

Und dann:

{% ifequal forloop.counter0|modulo:4 0 %}

Sie könnten stattdessen sogar so etwas tun:

@register.filter
def modulo(num, val):
    return num % val == 0

Und dann:

{% if forloop.counter0|modulo:4 %}

Oder Sie könnten das cycleTag verwenden:

<div class="post width1 height2 column {% cycle 'first' '' '' '' %}">

Es hört sich so an, als ob Sie nur das Zyklus-Tag verwenden sollten. Integrierte Vorlagen-Tags

Beispiel für Bootstrap-Zeilen und -Spalten. Neue Zeile alle 4 Elemente. Schließen Sie auch die letzte Reihe, auch wenn weniger als 4 Elemente vorhanden sind.

myapp / templatetags / my_tags.py

from django import template

register = template.Library()

@register.filter
def modulo(num, val):
    return num % val

HTML-Vorlage

{% load my_tags %}

{% for item in all_items %} 
    {% if forloop.counter|modulo:4 == 1 %}
        <div class="row">
    {% endif %}

        <div class="col-sm-3">
            {{ item }}
        </div>

    {% if forloop.last or forloop.counter|modulo:4 == 0 %}
        </div>
    {% endif %}

{% endfor %}