split

ДЕМО

split - это контейнер, который создает две области содержимого, разделенные перемещаемым разделителем. Ориентация разделения по умолчанию вертикальная, но может быть изменена на горизонтальную.

  • XML-элемент: split

  • Java-класс: JmixSplitLayout

Основы

split должен содержать два компонента или контейнера, которые размещаются по обе стороны от разделителя. Начальная позиция разделителя зависит от размеров компонентов. Пользователи могут перетаскивать разделитель для изменения положения разделения.

split basic 
<split height="200px">
    <vbox height="100%">
        <label text="Label"/>
        <textField placeholder="TextField"/>
        <hbox spacing="true">
            <button text="Button"/>
            <button text="Button"/>
        </hbox>
    </vbox>
    <vbox height="100%">
        <label text="Label"/>
        <textField placeholder="TextField"/>
        <hbox spacing="true">
            <button text="Button"/>
            <button text="Button"/>
        </hbox>
    </vbox>
</split>

Атрибуты

id - alignSelf - classNames - colspan - css - height - maxHeight - maxWidth - orientation - splitterPosition - themeNames visible - width

orientation

Vaadin

Определяет ориентацию разделения. Возможные значения:

  • VERTICAL – вложенные компоненты размещаются вертикально. Это значение по умолчанию.

  • HORIZONTAL – вложенные компоненты размещаются горизонтально.

splitterPosition

Vaadin

Явно задает начальную позицию разделителя в процентном значении.

themeNames

Vaadin

Устанавливает другую тему для изменения внешнего вида компонента. Возможные значения:

  • small — разделяет области тонкой линией. Разделитель показывается при наведении.

  • minimal — скрывает визуальное обозначение разделителя.

  • splitter-spacing — добавляет отступ для разделителя.

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

Дополнительную информацию смотрите в документации Vaadin.