组件/基础组件引入于 1.3.0

EFieldset 字段分组

import EUI 1.0

示例与代码

表单分组

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFieldset { width: 360 title: qsTr("账户") Column { spacing: 12 width: parent.width EInput { width: parent.width placeholderText: qsTr("名称") } EInput { width: parent.width placeholderText: qsTr("邮箱") } } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

可折叠分组

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFieldset { width: 360 title: qsTr("账户") collapsible: true Column { spacing: 12 width: parent.width EInput { width: parent.width placeholderText: qsTr("名称") } EInput { width: parent.width placeholderText: qsTr("邮箱") } } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

默认折叠

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFieldset { width: 360 collapsed: true title: qsTr("账户") collapsible: true Column { spacing: 12 width: parent.width EInput { width: parent.width placeholderText: qsTr("名称") } EInput { width: parent.width placeholderText: qsTr("邮箱") } } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

紧凑边距

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFieldset { width: 360 padding: 10 topPadding: 28 title: qsTr("账户") Column { spacing: 12 width: parent.width EInput { width: parent.width placeholderText: qsTr("名称") } EInput { width: parent.width placeholderText: qsTr("邮箱") } } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

禁用分组

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFieldset { width: 360 enabled: false title: qsTr("账户") Column { spacing: 12 width: parent.width EInput { width: parent.width placeholderText: qsTr("名称") } EInput { width: parent.width placeholderText: qsTr("邮箱") } } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

contentalias

内容插槽；直接在组件内部声明 QML 子对象。

默认值body.data

titlestring

标题文字。

默认值""

collapsedbool

面板是否处于折叠状态。

默认值false

collapsiblebool

是否允许折叠面板。

默认值false

信号

签名作用

toggled(bool collapsed)

字段组展开或折叠时触发，collapsed 表示是否折叠。

方法

签名作用

toggle()

切换当前展开或选中状态；需要标识时传入目标项的标识。