Κοινή χρήση μέσω


Ετικέτες επανάληψης

Οι ετικέτες επανάληψης χρησιμοποιούνται για την εκτέλεση/απόδοση ενός μπλοκ κώδικα επανειλημμένα.

για

Εκτελεί επανειλημμένα ένα μπλοκ κώδικα. Χρησιμοποιείται συνήθως για τη συνεχή επανάληψη των στοιχείων σε έναν πίνακα ή ένα λεξικό.

Εντός του μπλοκ ετικετών "για", το στοιχείο 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>

κύκλος

Διέρχεται από μια ομάδα συμβολοσειρών και τις εξάγει με τη σειρά που πέρασαν ως παράμετροι. Κάθε φορά που καλείται ένας κύκλος, η επόμενη συμβολοσειρά που διαβιβάστηκε ως παράμετρος εξέρχεται.

Κώδικας

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

Καθορίζει τον αριθμό των γραμμών που θα πρέπει να έχει ο πίνακας που θα δημιουργηθεί.

στήλες

όριο

Εξέρχεται από τον βρόχο, μετά από ένα δεδομένο πλήθος στοιχείων.

Κώδικας

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

Δείτε επίσης