Deli z drugimi prek


Oznake za ponovitev

Oznake za ponovitev se uporabljajo za ponavljanje zagona/upodobitve bloka kode.

za

Omogoča ponavljajoče se izvajanje bloka kode. Najpogosteje se uporablja za ponavljanje prek elementov v polju ali slovarju.

V sklopu oznake »for« je na voljo predmet forloop.

Koda

{% for child_page in page.children %}

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

{% endfor %}

Rezultat

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

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

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

Parametri

Ti parametri »for« se lahko uporabljajo samostojno ali v kombinaciji.

limit

Omogoča izhod iz zanke po določenem številu elementov.

Koda

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

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

{% endfor %}

Rezultat

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

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

offset

Omogoča začetek zanke pri določenem indeksu.

Koda

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

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

{% endfor %}

Rezultat

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

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

range

Določa obseg številk za prehod zanke.

Koda

{% assign n = 4 %}

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

{{ i }}

{% endfor %}

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

{{ i }}

{% endfor }}

Rezultat

2 3 4

10 11 12 14

reversed

Ponovi prehod skozi zanko v obratnem vrstnem redu od zadnjega do prvega elementa.

Koda

{% for child_page in page.children reversed %}

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

{% endfor %}

Rezultat

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

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

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

cycle

Skozi zanko pošlje skupino nizov in jih izpiše v vrstnem redu, kot so bili posredovani kot parametri. Ob vsakem klicu cikla se izpiše naslednji niz, ki je bil posredovan kot parameter.

Koda

{% for item in items %}

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

{% end %}

Rezultat

<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

Ustvari tabelo HTML. Mora biti obdana z začetno oznako HTML <table> in končno oznako HTML </table>.

V sklopu oznake »tablerow« je na voljo tablerowloop.

Koda

<table>

{% tablerow child_page in page.children %}

{{ child_page.title }}

{% endtablerow %}

</table>

Rezultat

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

Parametri

Ti parametri za »tablerowcan« se lahko uporabljajo samostojno ali v kombinaciji.

Rezultat

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

Koda

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Določa, koliko vrstic mora vključevati ustvarjena tabela.

cols

limit

Omogoča izhod iz zanke po določenem številu elementov.

Koda

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Rezultat

<table>

<tr class=row1>

<td class=col1>

Child Page 1

</td>

<td class=col2>

Child Page 2

</td>

</tr>

</table>

offset

Omogoča začetek zanke pri določenem indeksu.

Koda

<table>

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

{{ child_page.title }}

{% endtablerow %}

</table>

Rezultat

<table>

<tr class=row1>

<td class=col1>

Child Page 3

</td>

<td class=col2>

Child Page 4

</td>

</tr>

</table>

range

Določa obseg številk za prehod zanke.

Koda

<table>

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

{{ i }}

{% endtablerow %}

</table>

Glejte tudi