details

details — раскрываемая панель для отображения и скрытия содержимого.

XML-элемент

details

Java-класс

JmixDetails

Обзор

details basic

Основы

ДЕМО

Используйте details для скрытия дополнительной информации или опциональных элементов управления. details может содержать любой компонент или контейнер.

<details summaryText="Details with FormLayout" width="100%">
    <formLayout>
        <textField label="Field 1"/>
        <textField label="Field 2"/>
        <textField label="Field 3"/>
    </formLayout>
</details>

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

ДЕМО

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

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

filled

Применяет стиль с заливкой фона.

Aura, Lumo

reverse

Отображает значок переключателя после текста заголовка.

Aura, Lumo

small

Уменьшает размер компонента.

Aura, Lumo

no-padding

Удаляет стандартные внутренние отступы из области содержимого.

Aura

Атрибуты

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

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

opened

Определяет, развёрнуто ли содержимое.

false

summaryText

Задаёт заголовок, который остаётся видимым, когда содержимое свёрнуто.

—

themeNames

Применяет один или несколько вариантов из раздела Варианты темы.

—

Обработчики

Имя Описание

AttachEvent

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

DetachEvent

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

OpenedChangeEvent

Срабатывает при разворачивании или сворачивании компонента.

Элементы

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

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