Megosztás a következőn keresztül:


Iterációs címkék

Az iterációs címkékkel egy adott kódrészlet ismételten futtatható/renderelhető.

for

Egy adott kódrészletet ismételten hajt végre. Leggyakrabban egy tömb vagy szótár elemeinek iterálására használják.

A for címkeblokkon belül érhető el a forloop objektum.

Kód

{% for child_page in page.children %}

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

{% endfor %}

Hozam

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

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

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

Paraméterek

A for paraméterei önmagukban, vagy kombinációban használhatók.

korlát

Adott számú elem után kilép a ciklusból.

Kód

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

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

{% endfor %}

Hozam

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

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

ellensúlyoz

A ciklus indítása adott indexen.

Kód

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

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

{% endfor %}

Hozam

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

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

tartomány

Számintervallumot határoz meg a ciklus számára.

Kód

{% assign n = 4 %}

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

{{ i }}

{% endfor %}

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

{{ i }}

{% endfor }}

Hozam

2 3 4

10 11 12 14

fordított

Fordított sorrendben iterál a cikluson, az utolsó elemmel kezdődően.

Kód

{% for child_page in page.children reversed %}

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

{% endfor %}

Hozam

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

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

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

ciklus

Adott sztringcsoporton halad végig, és abban a sorrendben adja ki azokat, ahogy azok paraméterként be voltak táplálva. A kimeneti érték minden ciklusinduláskor a következő paraméterként megadott sztring lesz.

Kód

{% for item in items %}

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

{% end %}

Hozam

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

táblázatsor

HTML táblát hoz létre. Nyitó <table> és záró </table> HTML-címkékbe kell csomagolni.

A táblázatsor címkeblokkon belül érhető el a tablerowloop.

Kód

<table>

{% tablerow child_page in page.children %}

{{ child_page.title }}

{% endtablerow %}

</table>

Hozam

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

Paraméterek

A tablerowcan paraméterei önmagukban, vagy kombinációban használhatók.

Hozam

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

Kód

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Meghatározza, hogy a generált táblázatnak hány sora lesz.

cols

korlát

Adott számú elem után kilép a ciklusból.

Kód

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Hozam

<table>

<tr class=row1>

<td class=col1>

Child Page 1

</td>

<td class=col2>

Child Page 2

</td>

</tr>

</table>

offset

A ciklus indítása adott indexen.

Kód

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Hozam

<table>

<tr class=row1>

<td class=col1>

Child Page 3

</td>

<td class=col2>

Child Page 4

</td>

</tr>

</table>

tartomány

Számintervallumot határoz meg a ciklus számára.

Kód

<table>

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

{{ i }}

{% endtablerow %}

</table>