accordion

accordion создаёт панели с содержимым, которое можно сворачивать и разворачивать.

XML-элемент

accordion

Java-класс

JmixAccordion

Основы

ДЕМО

Используйте accordion для группировки или скрытия однотипного содержимого. Контент размещается во вложенных элементах accordionPanel. Таких панелей может быть несколько, но одновременно может быть развернута только одна.

В интерактивном примере определены две панели. В показанном фрагменте панель содержит форму, а её summaryText остаётся видимым, когда вложенное содержимое свёрнуто:

<accordion id="mainAccordion" height="100%" width="100%">
    <accordionPanel summaryText="Panel with FormLayout">
        <formLayout>
            <textField label="Field 1"/>
            <textField label="Field 2"/>
            <textField label="Field 3"/>
        </formLayout>
    </accordionPanel>
</accordion>

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

ДЕМО

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

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

filled

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

Aura, Lumo

reverse

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

Aura, Lumo

small

Уменьшает размер панели.

Aura, Lumo

no-padding

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

Aura

Атрибуты

Общие атрибуты применяются к accordion и accordionPanel. Следующие атрибуты относятся только к accordionPanel:

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

opened

Определяет, развёрнута ли панель.

false

summaryText

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

—

Обработчики

Одинаковые обработчики можно настроить для accordion и accordionPanel.

Имя Описание

AttachEvent

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

DetachEvent

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

OpenedChangeEvent

Срабатывает при разворачивании или сворачивании панели. Обработчик accordion отслеживает все панели, а обработчик accordionPanel — только эту панель.

Элементы

accordion содержит один или несколько элементов accordionPanel. Каждая панель может содержать один или несколько компонентов или контейнеров.

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