Alternate Row Coloring in Django-Vorlage mit mehr als einem Satz von Zeilen

Question

Django-Vorlagen bieten das integrierte Tag cycle zum Wechseln zwischen mehreren Werten an verschiedenen Stellen in einer Vorlage (oder für eine Schleife in einer Vorlage), aber dieses Tag wird nicht zurückgesetzt wird in einem Bereich außerhalb der cycle s-Definition zugegriffen. Dh, wenn Sie zwei oder mehr Listen in Ihrer Vorlage haben, die Zeilen von denen Sie einige CSS-Definitionen odd und even verwenden möchten, wird die erste Zeile einer Liste, wo die letzte links aus, nicht mit einem frische Iteration aus der Auswahl (odd und even)

zB in den folgenden Code, wenn der erste Blog eine ungerade Anzahl von Einträgen hat, dann ist der erste Eintrag in einem zweiten Blog als even beginnen wird, wenn ich es will Beginnen Sie bei odd.

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

Ich habe versucht, die Beseitigung dies mit dem resetcycle Tag Patchen hier angeboten:

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

ohne Erfolg. (Der Code funktionierte nicht für mich.)

Ich habe auch versucht, meine innere Schleife in ein benutzerdefiniertes Tag zu bewegen, aber das hat auch nicht funktioniert, vielleicht weil der Kompilier-/Render-Zyklus die Schleife zurück in den äußeren bewegt Schleife? (Unabhängig davon, warum es für mich nicht funktionierte.)

Wie kann ich diese einfache Aufgabe erfüllen? Ich würde es vorziehen, keine Datenstruktur in meiner Sicht mit diesen Informationen vorkompiliert zu erstellen; das scheint unnötig. Danke im Voraus.

Answer 1

Die einfachste Abhilfe (bis der resetcycle Patch und angewandt werden behoben wird) ist die integrierte „divisibleby“ Filter mit forloop.counter zu verwenden:

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

Etwas ausführlicher, aber nicht schwer zu verstehen und es funktioniert super.

Answer 2

Die einfachste Antwort könnte sein: "Gib auf und benutze jQuery." Wenn das akzeptabel ist, ist es wahrscheinlich einfacher als mit Djangos Vorlagen über etwas so Einfaches zu kämpfen.

Answer 3

Aufgeben und verwenden Jinja2 Template System

ich auf django Template-Sprache gab, ist es sehr beschränkt ist, was man damit machen kann. Jinja2 verwendet dieselbe Syntax wie die Django-Vorlage, fügt jedoch viele Verbesserungen hinzu.

EDIT/NOTE (Ich weiß, es wie ein großer Schalter klingt für nur ein kleines Problem, aber in Wirklichkeit Ich wette, Sie sich immer finden die Standard-Template-System in django kämpfen, so ist es wirklich sinnvoll ist und ich es glauben wird auf lange Sicht produktiver.)

Sie können lesen this article written by its author, obwohl es technisch ist, erwähnt er das Problem der {% Zyklus%} Tag in Django.

Jinja keinen Zyklus-Tag hat, hat es eine Zyklusmethode auf der Schleife:

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

Ein großer Vorteil der Jinja2 ist, dass es Sie Logik für die Präsentation verwenden können, also, wenn Sie eine Liste der Bilder, können Sie sie in einer Tabelle setzen, weil Sie alle N Elemente eine neue Zeile in einer Tabelle beginnen können, finden Sie zum Beispiel tun können:

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

Sie auch mathematische Ausdrücke verwenden:

{% if x > 10 %} 

und Sie können Ihre Python-Funktionen zugreifen direkt (aber einige Setup erforderlich sind, um festzulegen, welche Funktionen für die Vorlage ausgesetzt werden sollen)

{% for item in normal_python_function_that_returns_a_query_or_a_list() %} 

auch Setvariablen ..

{% set variable_name = function_that_returns_an_object_or_something() %} 

Answer 4

Es gibt eine Möglichkeit, es serverseitig mit einem Iterator zu tun, der keine gleichzeitige Kopie aller Einträge beibehält:

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

Answer 5

Ich lande damit, mit dem forloop.counter0 - Es funktioniert super!

{% 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 6

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

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

Answer 7

können Sie getaggt verwenden cycle und resetcycle (neu in Django 1.11) nennt (von 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 %}