Accordion 折叠面板

在线示例

Accordion - 折叠面板 是可折叠内容的容器，支持隐藏和显示大量内容。

accordion

组件的 XML 名称：accordion。

基本用法

如果应用程序界面的空间有限或标签页的标题太长而无法显示在 TabSheet 中，则可以使用 Accordion。

Accordion 组件包含 tab 元素，表示标签页。每个 tab 都是一个容器，具有类似于 vbox 的垂直组件布局。

如需在 Jmix Studio 中添加 tab，可以在界面 XML 或者 Component Hierarchy 面板中选择组件，然后点击 Component Inspector 面板的 Add→Tab 按钮。

可以在 tab 元素内添加任意 组件 或 布局。下面演示为每个 tab 添加一个文本标签：

<accordion id="accordion"
           height="300px">
    <tab id="tabStamford"
         caption="Stamford"
         margin="true"
         spacing="true">
        <label value="Some information about Stamford"/>
    </tab>
    <tab id="tabBoston"
         caption="Boston"
         margin="true"
         spacing="true">
        <label value="Some information about Boston"/>
    </tab>
    <tab id="tabLondon"
         caption="London"
         margin="true"
         spacing="true">
        <label value="Some information about London"/>
    </tab>
</accordion>
accordion simple

XML 属性

align - box.expandRatio - caption - captionAsHtml - colspan - contextHelpText - contextHelpTextHtmlEnabled - css - description - descriptionAsHtml - enable - height - htmlSanitizerEnabled - icon - id - responsive - rowspan - stylename - tabCaptionsAsHtml - tabIndex - tabsVisible - visible - width