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

样式版本

在线示例

使用 themeNames 设置组件的样式。

样式 描述 支持的主题

filled

面板使用填充背景样式。

Aura, Lumo

reverse

在文本后面显示开关图标。

Aura, Lumo

small

面板较小。

Aura, Lumo

no-padding

移除内容区域的默认内边距。

Aura

XML 属性

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

opened

设置面板是否打开。

summaryText

Vaadin

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

themeNames

设置不同的样式名称可以修改组件的外观。参阅 样式版本。

事件和处理器

AttachEvent - DetachEvent - OpenedChangeEvent

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

OpenedChangeEvent

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

XML 内部元素

tooltip

参考

Vaadin 文档