页面弹窗
大约 1 分钟
页面弹窗
DialogViewActionWidget
类继承自 PopupActionWidget
,专门用于处理以对话框形式展示的视图动作,如弹出表单或详情视图等。
属性
dialog
- 类型:
DialogWidget | undefined
- 说明: 对话框组件的引用。当对话框被创建时,此属性会被赋值。
方法
createPopupWidget(data: ActiveRecord[])
- 参数:
data: ActiveRecord[]
- 传入对话框的数据。
- 说明: 根据提供的数据创建对话框组件。此方法会检查
popupDslDefinition
是否存在,并基于其dslDefinition
创建DialogWidget
实例。对话框的数据源(dataSource
)会根据isFetchData
的返回值决定是否传入。对话框创建后,会监听ok
和cancel
事件,以便在对话框关闭时执行清理操作。
onCloseDialog()
- 说明: 对话框关闭时的处理逻辑。此方法会检查对话框组件(
dialog
)是否存在,并获取其句柄(handle
),使用PopupManager
的dispose
方法进行清理。
使用场景
- 表单对话框: 当需要在当前视图上弹出一个表单进行数据录入或编辑时,可以使用
DialogViewActionWidget
以对话框形式展示。 - 详情对话框: 当需要展示一个记录的详细信息时,可以使用
DialogViewActionWidget
以对话框形式展示。
示例代码
const dialogViewActionWidget = new DialogViewActionWidget();
// 假设已有数据
const data = [
{
/* 记录数据 */
},
];
// 创建对话框
dialogViewActionWidget.createPopupWidget(data);
// 在适当的时机关闭对话框
dialogViewActionWidget.onCloseDialog();