vbox

vbox располагает вложенные компоненты вертикально.

XML-элемент

vbox

Java-класс

VerticalLayout

Обзор

vbox basic

Основы

ДЕМО

В примере несколько компонентов расположены в один столбец:

<vbox>
    <span text="Span"/>
    <textField placeholder="TextField"/>
    <button text="Button"/>
    <button text="Button"/>
</vbox>

Атрибуты

В Jmix существует множество общих атрибутов, которые служат одной цели для всех компонентов.

Следующие атрибуты специфичны для vbox:

Имя Описание По умолчанию

boxSizing

Задает способ вычисления общей ширины и высоты элемента. Возможные значения: UNDEFINED, CONTENT_BOX, BORDER_BOX. Смотрите также: страницу MDN о box-sizing.

UNDEFINED

expand

Задаёт идентификатор дочернего компонента, для которого значение flex-grow устанавливается в 1. Благодаря этому компонент занимает оставшееся пространство по вертикали.

—

justifyContent

Задаёт распределение пространства между элементами содержимого и вокруг них. Примеры использования приведены в разделе Правила компоновки.

START

margin

Добавляет внешние отступы со всех четырёх сторон контейнера. См. описание margin на MDN.

false

padding

Добавляет внутренние отступы со всех четырёх сторон контейнера. См. описание padding на MDN.

true

spacing

Добавляет между дочерними компонентами интервалы, заданные темой.

true

wrap

Если установлено значение true, переносит компоненты в новый столбец, когда заканчивается пространство по вертикали. См. раздел Wrapping в документации Vaadin.

false

Обработчики

Имя Описание

AttachEvent

Срабатывает при присоединении контейнера к UI.

ClickEvent

Срабатывает при нажатии на контейнер.

DetachEvent

Срабатывает при отсоединении контейнера от UI.

Элементы

vbox может содержать компоненты и контейнеры, расположенные вертикально.