Ext.js - макеты
Макет - это способ расположения элементов в контейнере. Он может быть горизонтальным, вертикальным или любым другим. Ext JS имеет другой макет, определенный в его библиотеке, но мы всегда можем написать собственные макеты.
Старший Нет | Макет и описание |
---|---|
1 |
Абсолютное
Этот макет позволяет размещать элементы в контейнере с использованием координат XY. |
2 |
Аккордеон
Этот макет позволяет размещать все элементы в виде стопки (один поверх другого) внутри контейнера. |
3 |
Якорь
Этот макет дает пользователю право определять размер каждого элемента относительно размера контейнера. |
4 |
Граница
В этом макете различные панели вложены и разделены рамками. |
5 |
Авто
Это макет по умолчанию, который определяет макет элементов в зависимости от количества элементов. |
6 |
Карточка (TabPanel)
В этом макете различные компоненты расположены в виде вкладок. Вкладки будут отображаться в верхней части контейнера. Каждый раз видна только одна вкладка, и каждая вкладка рассматривается как отдельный компонент. |
7 |
Карта (Волшебник)
В этом макете каждый раз, когда элементы занимают все пространство контейнера. В мастере навигации есть нижняя панель инструментов. |
8 |
Столбец
Этот макет предназначен для отображения нескольких столбцов в контейнере. Мы можем определить фиксированную или процентную ширину столбцов. Ширина в процентах будет рассчитана на основе полного размера контейнера. |
9 |
Поместиться
В этом макете контейнер заполнен одной панелью. Когда нет особых требований, связанных с макетом, используется этот макет. |
10 |
Стол
Как следует из названия, этот макет упорядочивает компоненты в контейнере в формате таблицы HTML. |
11 |
vBox
Этот макет позволяет размещать элементы вертикально. Это один из наиболее часто используемых макетов. |
12 |
hBox
Такая компоновка позволяет размещать элементы горизонтально. |