Ext.js - เลย์เอาต์
เค้าโครงเป็นวิธีการจัดเรียงองค์ประกอบในคอนเทนเนอร์ อาจเป็นแนวนอนแนวตั้งหรืออื่น ๆ Ext JS มีเลย์เอาต์อื่นที่กำหนดไว้ในไลบรารี แต่เราสามารถเขียนเลย์เอาต์ที่กำหนดเองได้ตลอดเวลาเช่นกัน
| ซีเนียร์ No | เค้าโครงและคำอธิบาย |
|---|---|
| 1 |
แน่นอน
เค้าโครงนี้อนุญาตให้วางตำแหน่งรายการโดยใช้พิกัด XY ในคอนเทนเนอร์ |
| 2 |
หีบเพลง
เลย์เอาต์นี้ช่วยให้วางสิ่งของทั้งหมดในแบบเรียงซ้อนกัน (หนึ่งชิ้นอยู่ด้านบนของอีกชิ้นหนึ่ง) ภายในคอนเทนเนอร์ |
| 3 |
สมอ
เค้าโครงนี้ให้สิทธิพิเศษแก่ผู้ใช้ในการระบุขนาดของแต่ละองค์ประกอบตามขนาดคอนเทนเนอร์ |
| 4 |
ชายแดน
ในเค้าโครงนี้แผงต่างๆจะซ้อนกันและคั่นด้วยเส้นขอบ |
| 5 |
อัตโนมัติ
นี่คือเค้าโครงเริ่มต้นที่กำหนดเค้าโครงขององค์ประกอบตามจำนวนองค์ประกอบ |
| 6 |
การ์ด (TabPanel)
เค้าโครงนี้จัดเรียงส่วนประกอบต่างๆตามแบบแท็บ แท็บจะแสดงที่ด้านบนของคอนเทนเนอร์ ทุกครั้งที่มองเห็นเพียงแท็บเดียวและแต่ละแท็บถือเป็นส่วนประกอบที่แตกต่างกัน |
| 7 |
การ์ด (ตัวช่วยสร้าง)
ในเลย์เอาต์นี้ทุกครั้งที่องค์ประกอบมาเต็มพื้นที่คอนเทนเนอร์ มีแถบเครื่องมือด้านล่างในตัวช่วยสำหรับการนำทาง |
| 8 |
คอลัมน์
เค้าโครงนี้คือการแสดงหลายคอลัมน์ในคอนเทนเนอร์ เราสามารถกำหนดความกว้างคงที่หรือเปอร์เซ็นต์ให้กับคอลัมน์ ความกว้างเปอร์เซ็นต์จะคำนวณตามขนาดเต็มของคอนเทนเนอร์ |
| 9 |
พอดี
ในเค้าโครงนี้คอนเทนเนอร์จะเต็มไปด้วยแผงเดียว เมื่อไม่มีข้อกำหนดเฉพาะที่เกี่ยวข้องกับเค้าโครงจะใช้เค้าโครงนี้ |
| 10 |
ตาราง
ตามชื่อที่แสดงถึงเค้าโครงนี้จะจัดเรียงส่วนประกอบในคอนเทนเนอร์ในรูปแบบตาราง HTML |
| 11 |
vBox
เค้าโครงนี้ช่วยให้สามารถกระจายองค์ประกอบในแนวตั้งได้ นี่คือหนึ่งในเค้าโครงที่ถูกใช้มากที่สุด |
| 12 |
hBox
เค้าโครงนี้ช่วยให้สามารถกระจายองค์ประกอบในแนวนอนได้ |