组件/反馈组件引入于 1.3.0

EDialogService 弹窗服务

import EUI 1.0

示例与代码

动态创建内容

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 50 width: 420 EButton { text: qsTr("打开对话框") onClicked: dialogs.open(content, { "greeting": qsTr("动态创建内容") }, { "title": qsTr("服务弹窗"), "onClose": function(value, accepted) { sampleFeedback.open(accepted ? JSON.stringify(value) : qsTr("已取消")) } }) } EDialogService { id: dialogs } Component { id: content Column { property var dialogRef property string greeting: qsTr("你好") spacing: 12 EText { text: parent.greeting } EButton { text: qsTr("返回结果") onClicked: parent.dialogRef.resolve({ "saved": true }) } } } EMessage { id: sampleFeedback type: EStyle.Info objectName: "sampleFeedback" } }

效果

运行代码，体验组件交互

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

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

传入参数

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 50 width: 420 EButton { text: qsTr("打开对话框") onClicked: dialogs.open(content, { "greeting": "Parameters: EUI" }, { "title": qsTr("服务弹窗"), "onClose": function(value, accepted) { sampleFeedback.open(accepted ? JSON.stringify(value) : qsTr("已取消")) } }) } EDialogService { id: dialogs } Component { id: content Column { property var dialogRef property string greeting: qsTr("你好") spacing: 12 EText { text: parent.greeting } EButton { text: qsTr("返回结果") onClicked: parent.dialogRef.resolve({ "saved": true }) } } } EMessage { id: sampleFeedback type: EStyle.Info objectName: "sampleFeedback" } }

效果

运行代码，体验组件交互

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

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

结果回调

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 50 width: 420 EButton { text: qsTr("打开对话框") onClicked: dialogs.open(content, { "greeting": qsTr("动态创建内容") }, { "title": qsTr("服务弹窗"), "onClose": function(value, accepted) { sampleFeedback.open(accepted ? JSON.stringify(value) : qsTr("已取消")) } }) } EDialogService { id: dialogs } Component { id: content Column { property var dialogRef property string greeting: qsTr("你好") spacing: 12 EText { text: parent.greeting } EButton { text: qsTr("返回结果") onClicked: parent.dialogRef.resolve({ "saved": true, "name": "EUI", "count": 3 }) } } } EMessage { id: sampleFeedback type: EStyle.Info objectName: "sampleFeedback" } }

效果

运行代码，体验组件交互

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

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

取消与关闭

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 50 width: 420 EButton { text: qsTr("打开对话框") onClicked: dialogs.open(content, { "greeting": qsTr("动态创建内容") }, { "title": qsTr("服务弹窗"), "onClose": function(value, accepted) { sampleFeedback.open(accepted ? JSON.stringify(value) : qsTr("已取消")) } }) } EDialogService { id: dialogs } Component { id: content Column { property var dialogRef property string greeting: qsTr("你好") spacing: 12 EText { text: parent.greeting } EButton { text: "Cancel dialog" onClicked: parent.dialogRef.reject() } } } EMessage { id: sampleFeedback type: EStyle.Info objectName: "sampleFeedback" } }

效果

运行代码，体验组件交互

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

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

重复打开与销毁

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 50 width: 520 EButton { text: qsTr("打开对话框") onClicked: dialogs.open(content, { "greeting": qsTr("动态创建内容") }, { "title": "Multiple dialogs", "width": 360, "onClose": function(value, accepted) { sampleFeedback.open(accepted ? JSON.stringify(value) : qsTr("已取消")) } }) } EDialogService { id: dialogs } Component { id: content Column { property var dialogRef property string greeting: qsTr("你好") spacing: 12 EText { text: parent.greeting } EButton { text: qsTr("返回结果") onClicked: parent.dialogRef.resolve({ "saved": true }) } } } EMessage { id: sampleFeedback type: EStyle.Info objectName: "sampleFeedback" } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

dialogsvar只读

由服务管理的当前弹窗数组。

默认值state.dialogs

信号

签名作用

opened(var dialog)

动态对话框打开后触发，dialog 为打开的对话框对象。

closed(var result, bool accepted)

动态对话框关闭后触发，result 为返回数据，accepted 表示是否确认。

方法

签名作用

closeAll()

关闭当前显示的全部消息、通知或服务对话框。

open(component, properties, options)

打开 component 指定的动态对话框，properties 为内容属性，options 为对话框配置。