Módulo% en plantilla de Django

Question

Estoy buscando una forma de usar algo como el operador de módulo en django. Lo que intento hacer es agregar un nombre de clase a cada cuarto elemento de un ciclo.

Con el módulo que se vería así:

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

Por supuesto, esto no funciona debido% es un carácter reservado. Hay alguna otra manera de hacer esto?

Answer 1

Necesita divisibleby, un filtro incorporado django.

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

Answer 2

No se puede usar el operador de módulo en las etiquetas de plantilla de Django, pero sería bastante fácil escribir un filtro para hacerlo. Algo como esto debería funcionar:

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

Y luego:

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

Incluso podría hacer algo como esto, en lugar:

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

Y luego:

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

---

O usted podría utilizar el cycle etiqueta:

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

Answer 3

Suena como que sólo debe utilizar la etiqueta de ciclo. Built-in template tags

Answer 4

Ejemplo de filas y columnas Bootstrap. Nueva fila cada 4 elementos. También cierre la última fila incluso si hay menos de 4 elementos.

miaplicacion/templatetags/my_tags.py

from django import template 

register = template.Library() 

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

plantilla HTML

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