Ext.js - Vùng chứa

Vùng chứa trong Ext JS là thành phần mà chúng ta có thể thêm các thành phần con hoặc vùng chứa khác. Các thùng chứa này có thể có nhiều bố cục để sắp xếp các thành phần trong các thùng chứa. Chúng ta có thể thêm hoặc xóa các thành phần khỏi vùng chứa và khỏi các thành phần con của nó. Ext.container.Container là lớp cơ sở cho tất cả các vùng chứa trong Ext JS.

Sr.No	Sự miêu tả
1	Các thành phần bên trong Container Ví dụ này cho thấy cách xác định các thành phần bên trong một vùng chứa
2	Container bên trong container Ví dụ này cho thấy cách xác định một vùng chứa bên trong một vùng chứa với các thành phần khác

Có nhiều loại vùng chứa khác nhau Ext.panel.Panel, Ext.form.Panel, Ext.tab.Panel và Ext.container.Viewport là những vùng chứa thường được sử dụng trong Ext JS. Dưới đây là ví dụ cho thấy cách sử dụng các vùng chứa này.

Sr.No.	Loại thùng chứa & mô tả
1	Ext.panel.Panel Ví dụ này cho thấy một vùng chứa Ext.panel.Panel
2	Ext.form.Panel Ví dụ này cho thấy một vùng chứa Ext.form.Panel
3	Ext.tab.Panel Ví dụ này cho thấy một vùng chứa Ext.tab.Panel
4	Ext.container.Viewport Ví dụ này cho thấy một vùng chứa Ext.container.Viewport