split

split создаёт две области содержимого с перемещаемым разделителем.

XML-элемент

split

Java-класс

JmixSplitLayout

Обзор

split basic

Основы

ДЕМО

split должен содержать ровно два компонента или контейнера. В примере основная область занимает 45 % доступного пространства благодаря splitterPosition="45", а во вторичной области находится вложенный вертикальный разделитель. Пользователи могут перемещать любой разделитель, изменяя размер областей.

<split width="100%" themeNames="splitter-spacing" splitterPosition="45">
    <textArea label="TextArea1" width="100%" height="100%"/>
    <split orientation="VERTICAL">
        <textArea label="TextArea2" width="100%" height="100%"/>
        <textArea label="TextArea3" width="100%" height="100%"/>
    </split>
</split>

Варианты темы

ДЕМО

Используйте атрибут themeNames, чтобы настроить тему компонента.

Вариант Описание Поддерживается в

minimal

Скрывает визуальное оформление разделителя.

Aura, Lumo

small

Использует более тонкий разделитель, который становится видимым при наведении.

Aura, Lumo

splitter-spacing

Добавляет отступы вокруг разделителя.

Aura, Lumo

Атрибуты

Общие атрибуты имеют одинаковое назначение для всех компонентов. Следующие атрибуты относятся только к split:

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

orientation

Задаёт расположение областей содержимого: рядом (HORIZONTAL) или одна над другой (VERTICAL).

HORIZONTAL

splitterPosition

Задаёт исходное положение разделителя в процентах от размера контейнера.

—

Обработчики

Имя Описание

AttachEvent

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

ClickEvent

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

DetachEvent

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

Элементы

split должен содержать ровно два компонента или контейнера: основную и вторичную области содержимого.

Смотрите также