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>