Ext.js - คอนเทนเนอร์

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

ซีเนียร์ No คำอธิบาย
1 ส่วนประกอบภายในคอนเทนเนอร์

ตัวอย่างนี้แสดงวิธีกำหนดส่วนประกอบภายในคอนเทนเนอร์

2 คอนเทนเนอร์ภายในตู้คอนเทนเนอร์

ตัวอย่างนี้แสดงวิธีกำหนดคอนเทนเนอร์ภายในคอนเทนเนอร์ที่มีส่วนประกอบอื่น ๆ

มีคอนเทนเนอร์หลายประเภท Ext.panel.Panel, Ext.form.Panel, Ext.tab.Panel และ Ext.container Viewport เป็นคอนเทนเนอร์ที่ใช้บ่อยใน Ext JS ด้านล่างนี้คือตัวอย่างที่แสดงวิธีใช้คอนเทนเนอร์เหล่านี้

ซีเนียร์ ประเภทของคอนเทนเนอร์และคำอธิบาย
1 Ext.panel.Panel

ตัวอย่างนี้แสดงคอนเทนเนอร์ Ext.panel.Panel

2 Ext.form.Panel

ตัวอย่างนี้แสดงคอนเทนเนอร์ Ext.form.Panel

3 Ext.tab.Panel

ตัวอย่างนี้แสดงคอนเทนเนอร์ Ext.tab.Panel

4 Ext.container.Viewport

ตัวอย่างนี้แสดงคอนเทนเนอร์ Ext.container.Viewport