Twig ใน symfony 2 : การใช้งาน Template เเม่เเบบ "Parent Blocks"

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 22553
Joined: 31/03/2014 10:02 am
Contact:

Twig ใน symfony 2 : การใช้งาน Template เเม่เเบบ "Parent Blocks"

Post by thatsawan » 14/04/2015 1:39 pm

มาต่อกัน จากที่เราได้สร้าง Template แม่เเบบไปเเล้วเพื่อสำหรับ หน้า Page อื่นๆจะได้ทำการเรียกใช้งานในส่วนที่เหมือนๆกัน ไปใช้งานได้ เช่น Header, Footer ที่นี่การเรียกใช้งานทำได้โดย

คำสั่ง Extends เป็นการสืบทอดคุณสมบัติของไฟล์ :base.html.twig (เเม่เเบบของเรานั้นเอง)

Code: Select all

{% extends "TestHelloBundle::base.html.twig" %}
ผลคือ จะได้ทุกอย่างที่เเม่เเบบมี
2015-04-14_13-30-09.png
2015-04-14_13-30-09.png (40.76 KiB) Viewed 677 times
อธิบายเพิ่มเติม : TestHelloBundle
TestHelloBundle = BundleName (Test คือชื่อ Forder , Hello ชื่อ Controller) ได้มาจากตอนที่เราสร้าง Controller
2015-04-14_13-19-57.png
2015-04-14_13-19-57.png (65.53 KiB) Viewed 677 times
ภาพตัวอย่างโครงสร้าง

ใน base.html.twig = Template เเม่เเบบของเรา กำหนด

Code: Select all

  {% block footer %}
   © 2015 mindphp.com
   {% endblock %}
2015-04-14_13-30-09.png
2015-04-14_13-30-09.png (40.76 KiB) Viewed 677 times
ที่นี่ลองมา ใส่ content ใน Template ลูก
Index.html.twig = Template ลูก

Code: Select all

{% extends "TestHelloBundle::base.html.twig" %}
   {% block footer %}
  Tel . 0000001
   {% endblock %}
ผลคือ มันจะไปทับกับ เเม่เเบบ
2015-04-14_13-34-16.png
2015-04-14_13-34-16.png (38.98 KiB) Viewed 677 times
เเต่ใดที่เราใส่คำสั่ง parant() เข้าไป มันจะได้ทั้ง content เเม่เเบบ เเละ content Template ลูก

Code: Select all

{% extends "TestHelloBundle::base.html.twig" %}

   {% block footer %}
       {{ parent()}}
    Tel . 0000001
   {% endblock %}
ผลคือ จะได้ทั้ง content เเม่เเบบ เเละ content Template ลูก
2015-04-14_13-37-05.png
2015-04-14_13-37-05.png (41.09 KiB) Viewed 677 times
[/color]

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 5 guests