details

ДЕМО

details - это раскрываемая панель, используемая для отображения и скрытия контента.

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

  • Java-класс: JmixDetails

Основы

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

<details id="details" summaryText="View details">
        <span text="Additional information or components may be added here."/>
</details>
details basic

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

ДЕМО

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

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

filled

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

Aura, Lumo

reverse

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

Aura, Lumo

small

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

Aura, Lumo

no-padding

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

Aura

Атрибуты

id - alignSelf - classNames - colspan - css - enabled - height - maxHeight - maxWidth - minHeight - minWidth - opened - summaryText - themeNames - visible - width

opened

Определяет, открыта ли панель.

summaryText

Vaadin

Определяет текст, представляющий собой краткое описание того, что скрыто в компоненте.

themeNames

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

Обработчики

AttachEvent - DetachEvent - OpenedChangeEvent

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

OpenedChangeEvent

OpenedChangeEvent отправляется каждый раз, когда изменяется атрибут opened компонента.

Элементы

tooltip

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

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