Color de fila alternativa en Django Plantilla con más de un conjunto de filas

Question

Las plantillas Django ofrecen la etiqueta integrada cycle para alternar entre varios valores en diferentes puntos de una plantilla (o para el bucle en una plantilla) pero esta etiqueta no se restablece cuando se accede en un ámbito fuera de la definición de cycle s. Es decir, si tiene dos o más listas en su plantilla, las filas de todas las cuales desea usar algunas definiciones de css odd y even, la primera fila de una lista continuará donde la última dejó, no con una nueva iteración de las opciones (odd y even)

por ejemplo, en el código siguiente, si el primer blog tiene un número impar de entradas, a continuación, la primera entrada en un segundo blog se iniciará tan even, cuando lo quiero a comenzar en odd.

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

He intentado obviar esta colocando un parche con la etiqueta resetcycle ofrecido aquí:

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

en vano. (El código no funcionó para mí.)

También traté de mover mi lazo interno a una etiqueta personalizada, pero tampoco funcionó, tal vez porque el ciclo de compilación/renderizado mueve el ciclo de regreso al exterior ¿lazo? (Independientemente de por qué, no funcionó para mí.)

¿Cómo puedo lograr esta simple tarea? Preferiría no crear una estructura de datos en mi opinión con esta información precompilada; eso parece innecesario Gracias por adelantado.

Answer 1

La solución más sencilla (hasta que el parche se fija resetcycle y aplicada) es utilizar el filtro "divisibleby" integrado con forloop.counter:

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

Un poco más detallado, pero no es difícil de entender y funciona genial

Answer 2

La respuesta más fácil podría ser: "renunciar y usar jQuery". Si eso es aceptable, probablemente sea más fácil que pelear con las plantillas de Django por algo tan simple.

Answer 3

Dale y utilizar Jinja2 Template System

me di por vencido en el lenguaje de plantillas de Django, es muy limitado en lo que puede hacer con él. Jinja2 utiliza la misma sintaxis que utiliza la plantilla django, pero agrega muchas mejoras sobre ella.

EDITAR/NOTA (ya sé que suena como un gran cambio por sólo una cuestión menor, pero en realidad te apuesto siempre encuentras la lucha contra el sistema de plantillas por defecto en Django, por lo que realmente vale la pena y creo que te hará más productivo a largo plazo.)

Puedes leer this article written by its author, aunque es técnico, menciona el problema de la etiqueta {% cycle%} en django.

Jinja no tiene una etiqueta de ciclo, que tiene un método de ciclo en el bucle:

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

Una ventaja importante de Jinja2 es que permite el uso de la lógica de la presentación, por lo que si usted tiene una lista de las imágenes, se puede poner en una tabla, porque se puede iniciar una nueva fila dentro de una tabla cada N elementos, ver, se puede hacer por ejemplo:

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

también puede utilizar expresiones matemáticas:

{% if x > 10 %} 

y se puede acceder a las funciones de Python directamente (pero no se requiere algún tipo de configuración para especificar qué funciones deben ser expuestos para la plantilla)

{% for item in normal_python_function_that_returns_a_query_or_a_list() %} 

las variables incluso fijar ..

{% set variable_name = function_that_returns_an_object_or_something() %} 

Answer 4

Hay una forma de hacerlo en el lado del servidor con un iterador que no conserva una copia simultánea de todas las entradas:

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

Answer 5

Termino haciéndolo, con el forloop.counter0 - ¡Funciona muy bien!

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

Puede utilizar etiquetado cycle y resetcycle (nuevo en Django 1.11) llama (de 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 %}