tabSheet 标签面板

在线示例

tabSheet 是一个支持用标签页切换的布局容器。使用标签页将页面内容进行分组。

  • XML 元素：tabSheet

  • Java 类：JmixTabSheet

基本用法

标签页的内容使用 tab 元素描述。每个 tab 只能包含一个子组件。多个子组件必须通过布局组件包装，比如 vbox 垂直盒子。

<tabSheet id="tabSheet">
    <tab id="tab1" label="Tab One">
        <vbox>
            <label text="Label One"/>
            <textField placeholder="Text Field One"/>
        </vbox>
    </tab>
    <tab id="tab2" label="Tab Two">
        <label text="Label Two"/>
    </tab>
    <tab id="tab3" label="Tab Three">
        <label text="Label Three"/>
    </tab>
</tabSheet>
tabsheet basic

如需在 Jmix Studio 中添加 tab，可以在视图 XML 或者 Jmix UI 层级面板中选择组件，然后点击 Jmix UI 组件面板的 Add→Tab 按钮。

tabSheet 可以有任何数量的标签页。如果标签的数量超过了标签页条能展示的内容，则会显示导航按钮。

XML 属性

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

themeNames

Vaadin

设置不同的主题，修改组件的外观。

事件和处理器

AttachEvent - DetachEvent - SelectedChangeEvent

在 Jmix Studio 生成处理器桩代码时，可以使用 Jmix UI 组件面板的 Handlers 标签页或者视图类顶部面板的 Generate Handler 添加，也可以通过 Code → Generate 菜单（Alt+Insert / Cmd+N）生成。

SelectedChangeEvent

当选择其他标签页时发送 io.jmix.flowui.component.tabsheet.JmixTabSheet.SelectedChangeEvent 事件。

参考

Vaadin 文档