Ext.js - เลย์เอาต์

เค้าโครงเป็นวิธีการจัดเรียงองค์ประกอบในคอนเทนเนอร์ อาจเป็นแนวนอนแนวตั้งหรืออื่น ๆ Ext JS มีเลย์เอาต์อื่นที่กำหนดไว้ในไลบรารี แต่เราสามารถเขียนเลย์เอาต์ที่กำหนดเองได้ตลอดเวลาเช่นกัน

ซีเนียร์ No เค้าโครงและคำอธิบาย
1 แน่นอน

เค้าโครงนี้อนุญาตให้วางตำแหน่งรายการโดยใช้พิกัด XY ในคอนเทนเนอร์

2 หีบเพลง

เลย์เอาต์นี้ช่วยให้วางสิ่งของทั้งหมดในแบบเรียงซ้อนกัน (หนึ่งชิ้นอยู่ด้านบนของอีกชิ้นหนึ่ง) ภายในคอนเทนเนอร์

3 สมอ

เค้าโครงนี้ให้สิทธิพิเศษแก่ผู้ใช้ในการระบุขนาดของแต่ละองค์ประกอบตามขนาดคอนเทนเนอร์

4 ชายแดน

ในเค้าโครงนี้แผงต่างๆจะซ้อนกันและคั่นด้วยเส้นขอบ

5 อัตโนมัติ

นี่คือเค้าโครงเริ่มต้นที่กำหนดเค้าโครงขององค์ประกอบตามจำนวนองค์ประกอบ

6 การ์ด (TabPanel)

เค้าโครงนี้จัดเรียงส่วนประกอบต่างๆตามแบบแท็บ แท็บจะแสดงที่ด้านบนของคอนเทนเนอร์ ทุกครั้งที่มองเห็นเพียงแท็บเดียวและแต่ละแท็บถือเป็นส่วนประกอบที่แตกต่างกัน

7 การ์ด (ตัวช่วยสร้าง)

ในเลย์เอาต์นี้ทุกครั้งที่องค์ประกอบมาเต็มพื้นที่คอนเทนเนอร์ มีแถบเครื่องมือด้านล่างในตัวช่วยสำหรับการนำทาง

8 คอลัมน์

เค้าโครงนี้คือการแสดงหลายคอลัมน์ในคอนเทนเนอร์ เราสามารถกำหนดความกว้างคงที่หรือเปอร์เซ็นต์ให้กับคอลัมน์ ความกว้างเปอร์เซ็นต์จะคำนวณตามขนาดเต็มของคอนเทนเนอร์

9 พอดี

ในเค้าโครงนี้คอนเทนเนอร์จะเต็มไปด้วยแผงเดียว เมื่อไม่มีข้อกำหนดเฉพาะที่เกี่ยวข้องกับเค้าโครงจะใช้เค้าโครงนี้

10 ตาราง

ตามชื่อที่แสดงถึงเค้าโครงนี้จะจัดเรียงส่วนประกอบในคอนเทนเนอร์ในรูปแบบตาราง HTML

11 vBox

เค้าโครงนี้ช่วยให้สามารถกระจายองค์ประกอบในแนวตั้งได้ นี่คือหนึ่งในเค้าโครงที่ถูกใช้มากที่สุด

12 hBox

เค้าโครงนี้ช่วยให้สามารถกระจายองค์ประกอบในแนวนอนได้