accordion

ДЕМО

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

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

  • Java-класс: JmixAccordion

Основы

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

Чтобы добавить accordionPanel в Jmix Studio, выберите компонент в XML-дескрипторе экрана или на панели структуры Jmix UI и нажмите кнопку Add→AccordionPanel на панели Component Inspector.

Следующий пример демонстрирует accordion с тремя панелями:

<accordion id="accordion">
    <accordionPanel summaryText="Stamford">
        <div text="Stamford is a town in the South Kesteven District of Lincolnshire, England."/>
    </accordionPanel>
    <accordionPanel summaryText="Boston">
        <div text="Boston is the capital and largest city of the American Northeast."/>
    </accordionPanel>
    <accordionPanel summaryText="London">
        <div text="London is the capital and largest city of England and the United Kingdom." />
    </accordionPanel>
</accordion>
accordion basic

Каждая панель accordionPanel имеет область заголовка (summary) и область содержимого, куда можно помещать другие компоненты или контейнеры. Область заголовка остается видимой, даже когда панель свернута. В отличие от tabSheet, этот компонент позволяет использовать более длинные заголовки.

Атрибуты

Ниже приведены атрибуты для accordion и его элемента accordionPanel.

accordion

id - alignSelf - classNames - colspan - css - height - maxHeight - maxWidth - minHeight - minWidth - visible - width

accordionPanel

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

opened

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

summaryText

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

Обработчики

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

AttachEvent - DetachEvent - OpenedChangeEvent

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

OpenedChangeEvent

OpenedChangedEvent отправляется каждый раз, когда панель разворачивается или сворачивается. Установите этот обработчик для accordion, чтобы отслеживать все панели, или установите его только для конкретного элемента accordionPanel.

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

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