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

XML 属性

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

opened

设置面板是否打开。

summaryText

Vaadin

设置组件中隐藏内容的摘要。

themeNames

Vaadin

设置不同的主题，更改组件的外观。支持选项：

  • filled

  • reverse

  • small

事件和处理器

AttachEvent - DetachEvent - OpenedChangeEvent

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

OpenedChangeEvent

每当组件的 opened 属性发生变化时发送 OpenedChangeEvent 事件。

XML 内部元素

tooltip

参考

Vaadin 文档