पुनरावृत्ति टैग

पुनरावृत्ति टैग का उपयोग कोड के खंड को बार-बार चलाने/रेंडर करने क लिए किया जाता है.

के लिए

बार-बार किसी खंड का कोड निष्पादित करता है. इसका प्रयोग सामान्यतः किसी सारणी या शब्दकोष में आइटमों पर पुनरावृत्ति करने के लिए किया जाता है।

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>

ओफ़्सेट

दिए गए इंडेक्स में लूप प्रारंभ करें.

कोड

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

तालिका पंक्ति

HTML तालिका उत्पन्न करता है. इसे किसी ओपनिंग <table> और क्लोज़िंग </table> HTML टैग के बीच रखा जाना चाहिए.

तालिका पंक्ति टैग ब्लॉक के भीतर, तालिका पंक्ति लूप उपलब्ध है.

कोड

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

बताएँ कि उत्पन्न तालिका में कितनी पंक्तियाँ होनी चाहिए.

कॉलम

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

श्रेणी

लूप करने के लिए संख्याओं की सीमा निर्धारित करता है.

कोड

<table>

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

{{ i }}

{% endtablerow %}

</table>

संबंधित जानकारी

• प्रवाह टैग नियंत्रित करें
• परिवर्तनशील टैग
• टेम्पलेट टैग
• Dataverse टेबल टैग