vbox

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

XML-элемент

vbox

Java-класс

VerticalLayout

Атрибуты

General: id - enabled - visible

Size: boxSizing - height - maxHeight - maxWidth - minHeight - minWidth - width

Position: alignItems - alignSelf - colspan - expand - justifyContent - spacing

Look & Feel: classNames - css - margin - padding - themeNames - wrap

Other: clickShortcut

Обработчики

AttachEvent - ClickEvent - DetachEvent

Основы

Пример расположения трех компонентов в одном столбце:

<vbox id="vbox" >
    <textField placeholder="TextField"/>
    <button text="OK"/>
    <button text="Cancel"/>
</vbox>
vbox basic

Атрибуты

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

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

Название

Описание

Значение по умолчанию

boxSizing

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

-

expand

Указывает компонент внутри контейнера, который должен быть расширен для использования всего доступного пространства. В случае hbox этот атрибут устанавливает ширину компонента на 100%.

-

justifyContent

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

START

margin

Определяет отступ между внешними границами и содержимым контейнера. Возможные значения: true, false. Смотрите также: страницу MDN о margin.

false

padding

Устанавливает внутренние отступы со всех четырех сторон элемента одновременно. Возможные значения: true, false. Смотрите также: страницу MDN о padding.

false

spacing

Устанавливает промежутки между компонентами внутри контейнера. Возможные значения: true, false.

false

wrap

Если true, компоненты будут переноситься на следующую строку при нехватке места. См. Wrapping в документации Vaadin.

false

Обработчики

Чтобы сгенерировать заглушку обработчика в Jmix Studio, используйте вкладку Handlers панели инспектора Jmix UI, или команду Generate Handler, доступную на верхней панели контроллера экрана и через меню CodeGenerate (Alt+Insert / Cmd+N).

ClickEvent

com.vaadin.flow.component.ClickEvent отправляется, когда пользователь кликает на контейнер.