Поделиться через

Теги итераций

  • Статья

Теги итерирования используются для многократного выполнения или обработки блока кода.

для

Многократное выполнение блока кода. Наиболее часто используется для повторения с элементами массива или словаря.

В блоке тега for доступен объект 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 можно использовать самостоятельно или в сочетании.

limit

Выход из цикла после заданного числа элементов.

Код

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

offset

Запуск цикла с конкретного индекса.

Код

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

range

Задает диапазон номеров для выполнения цикла.

Код

{% assign n = 4 %}

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

{{ i }}

{% endfor %}

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

{{ i }}

{% endfor }}

Вывод

2 3 4

10 11 12 14

reversed

Итерация в цикле выполняется в обратном порядке, начиная с последнего элемента.

Код

{% 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. Должен находится внутри открывающего <table> и закрывающего </table> 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>

Параметры

Эти параметры тега tablerowcan можно использовать самостоятельно или в сочетании.

Вывод

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

Задает количество строк в создаваемой таблице.

cols

limit

Выход из цикла после заданного числа элементов.

Код

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

range

Задает диапазон номеров для выполнения цикла.

Код

<table>

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

{{ i }}

{% endtablerow %}

</table>

См. также