Споделяне чрез


Етикети за итерация

Етикетите за интеграция се използват за многократно изпълнение/рендиране на блок от код.

за

Изпълнява блок от код многократно. Най-често се използва за итериране на елементите в масив или речник.

В рамките на блока на етикета е наличен обект forloop.

Код

{% for child_page in page.children %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Изход

<a href=/parent/child1/>Child 1</a>

<a href=/parent/child2/>Child 2</a>

<a href=/parent/child3/>Child 3</a>

Параметри

Тези параметри на „за” могат да се използват самостоятелно или в комбинация.

граница

Напуска цикъла след даден брой елементи.

Код

{% for child_page in page.children limit:2 %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Изход

<a href=/parent/child1/>Child 1</a>

<a href=/parent/child2/>Child 2</a>

Компенсира

Започва цикъл при даден индекс.

Код

{% for child_page in page.children offset:1 %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Изход

<a href=/parent/child2/>Child 2</a>

<a href=/parent/child3/>Child 3</a>

Диапазон

Определя диапазон от числа, през които да преминава цикълът.

Код

{% assign n = 4 %}

{% for i in (2..n) %}

{{ i }}

{% endfor %}

{% for i in (10..14) %}

{{ i }}

{% endfor }}

Изход

2 3 4

10 11 12 14

Обърната

Обхожда през цикъла в обратен ред, като започва от последния елемент.

Код

{% for child_page in page.children reversed %}

<a href={{ child_page.url }}>{{ child_page.title }}</a>

{% endfor %}

Изход

<a href=/parent/child3/>Child 3</a>

<a href=/parent/child2/>Child 2</a>

<a href=/parent/child1/>Child 1</a>

cycle

Провежда цикъл през група от низове и ги извежда в реда, в който са били подадени като параметри. При всяко извикване на цикъл се извежда следващият низ, който е бил подаден като параметър.

Код

{% for item in items %}

<div class={% cycle 'red', 'green', 'blue' %}> {{ item }} </div>

{% end %}

Изход

<div class=red> Item one </div>

<div class=green> Item two </div>

<div class=blue> Item three </div>

<div class=red> Item four </div>

<div class=green> Item five</div>

tablerow

Генерира HTML таблица. Трябва да бъдат опаковани в HTML етикети на отваряща <таблица> и затваряща <таблица>.

В рамките на блока на етикета tablerow tablerowloop е наличен.

Код

<table>

{% tablerow child_page in page.children %}

{{ child_page.title }}

{% endtablerow %}

</table>

Изход

<table>

<tr class=row1>

<td class=col1>

Child Page 1

</td>

<td class=col2>

Child Page 2

</td>

<td class=col3>

Child Page 3

</td>

<td class=col4>

Child Page 4

</td>

</tr>

</table>

Параметри

Тези параметри на tablerow могат да се използват самостоятелно или в комбинация.

Изход

<table>

<tr class=row1>

<td class=col1>

Child Page 1

</td>

<td class=col2>

Child Page 2

</td>

</tr>

<tr class=row2>

<td class=col3>

Child Page 3

</td>

<td class=col4>

Child Page 4

</td>

</tr>

</table>

Код

<table>

{% tablerow child_page in page.children cols:2 %}

{{ child_page.title }}

{% endtablerow %}

</table>

Определя колко реда трябва да има генерираната таблица.

Колс

граница

Напуска цикъла след даден брой елементи.

Код

<table>

{% tablerow child_page in page.children limit:2 %}

{{ child_page.title }}

{% endtablerow %}

</table>

Изход

<table>

<tr class=row1>

<td class=col1>

Child Page 1

</td>

<td class=col2>

Child Page 2

</td>

</tr>

</table>

offset

Започва цикъл при даден индекс.

Код

<table>

{% tablerow child_page in page.children offset:2 %}

{{ child_page.title }}

{% endtablerow %}

</table>

Изход

<table>

<tr class=row1>

<td class=col1>

Child Page 3

</td>

<td class=col2>

Child Page 4

</td>

</tr>

</table>

Диапазон

Определя диапазон от числа, през които да преминава цикълът.

Код

<table>

{% tablerow i in (1..3) %}

{{ i }}

{% endtablerow %}

</table>