details 详情面板

details 是一个可展开的面板，用于展示或隐藏一些内容。

XML 元素

details

Java 类

JmixDetails

概览

details basic

基本用法

在线示例

使用 details 隐藏一些附加信息或可选的操作。details 可以包含任何组件或布局。

<details summaryText="Details with FormLayout" width="100%">
    <formLayout>
        <textField label="Field 1"/>
        <textField label="Field 2"/>
        <textField label="Field 3"/>
    </formLayout>
</details>

样式版本

在线示例

使用 themeNames 设置组件的样式。

样式 描述 支持的主题

filled

面板使用填充背景样式。

Aura, Lumo

reverse

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

Aura, Lumo

small

面板较小。

Aura, Lumo

no-padding

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

Aura

XML 属性

通用属性 对所有组件都是一样的配置。下面是 details 的特殊属性：

名称 描述 默认值

opened

设置面板是否展开。

false

summaryText

为内容设置简短摘要。即使内容折叠，摘要依然显示。

—

themeNames

使用 样式版本 中列出的一个或多个样式。

—

事件和处理器

下面是 details 的特殊事件和处理器：

名称 描述

OpenedChangeEvent

每次当组件折叠或展开时发送。

下面是 details 支持的其他通用事件：

AttachEvent - DetachEvent

XML 内部元素

一个 details 可以包含一个或多个组件或容器作为其内容，以及 tooltip 作为内部元素。

参考