แท็กการทำซ้ำ
แท็กการเกิดซ้ำจะใช้เพื่อดำเนินการซ้ำ/แสดงซ้ำบล็อกของโค้ด
สำหรับ
ดำเนินการซ้ำบล็อกของรหัส มักใช้ในการทำซ้ำรายการในอาร์เรย์หรือพจนานุกรม
ภายในบล็อกแท็ก สำหรับ ออบเจ็กต์ 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>
แถวของตาราง
สร้างตาราง HTML ต้องถูกหุ้มในแท็ก HTML ที่มีการเปิด <ตาราง> และการปิด </table>
ภายในบล็อกแท็ก แถวของตาราง 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>
พารามิเตอร์
พารามิเตอร์เหล่านี้ของ แถวของตาราง สามารถใช้เพียงอย่างเดียวหรือใช้ร่วมกันได้
ผลลัพธ์
<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>