Ext.js - Bố cục
Bố cục là cách các phần tử được sắp xếp trong một vùng chứa. Nó có thể nằm ngang, dọc hoặc bất kỳ hình thức nào khác. Ext JS có một bố cục khác được xác định trong thư viện của nó nhưng chúng ta luôn có thể viết các bố cục tùy chỉnh.
| Sr.No | Bố cục & Mô tả |
|---|---|
| 1 | Tuyệt đối Bố cục này cho phép định vị các mục bằng cách sử dụng tọa độ XY trong vùng chứa. |
| 2 | Accordion Bố cục này cho phép đặt tất cả các mục theo kiểu ngăn xếp (cái này chồng lên cái kia) bên trong thùng chứa. |
| 3 | Mỏ neo Bố cục này cung cấp cho người dùng đặc quyền để chỉ định kích thước của từng phần tử đối với kích thước vùng chứa. |
| 4 | Biên giới Trong bố cục này, các bảng khác nhau được lồng vào nhau và ngăn cách bằng các đường viền. |
| 5 | Tự động Đây là cách bố trí mặc định quyết định bố cục của các phần tử dựa trên số lượng phần tử. |
| 6 | Thẻ (TabPanel) Bố cục này sắp xếp các thành phần khác nhau theo kiểu tab. Các tab sẽ được hiển thị trên đầu của vùng chứa. Mỗi khi chỉ có một tab được hiển thị và mỗi tab được coi là một thành phần khác nhau. |
| 7 | Thẻ (Wizard) Trong cách bố trí này, mỗi khi các phần tử đến đầy đủ không gian vùng chứa. Có một thanh công cụ dưới cùng trong trình hướng dẫn để điều hướng. |
| số 8 | Cột Bố cục này là để hiển thị nhiều cột trong vùng chứa. Chúng tôi có thể xác định chiều rộng cố định hoặc theo tỷ lệ phần trăm cho các cột. Chiều rộng phần trăm sẽ được tính toán dựa trên kích thước đầy đủ của vùng chứa. |
| 9 | Phù hợp Trong bố cục này, vùng chứa được lấp đầy bởi một bảng điều khiển duy nhất. Khi không có yêu cầu cụ thể liên quan đến bố cục, thì bố cục này được sử dụng. |
| 10 | Bàn Như tên của nó, bố cục này sắp xếp các thành phần trong một vùng chứa ở định dạng bảng HTML. |
| 11 | vBox Bố cục này cho phép phần tử được phân phối theo chiều dọc. Đây là một trong những cách bố trí được sử dụng nhiều nhất. |
| 12 | hBox Bố cục này cho phép phần tử được phân phối theo chiều ngang. |