跳至主要內容

页面弹窗

Mr.Hope大约 1 分钟

页面弹窗

DialogViewActionWidget 类继承自 PopupActionWidget,专门用于处理以对话框形式展示的视图动作,如弹出表单或详情视图等。

属性

dialog

  • 类型: DialogWidget | undefined
  • 说明: 对话框组件的引用。当对话框被创建时,此属性会被赋值。

方法

createPopupWidget(data: ActiveRecord[])

  • 参数:
    • data: ActiveRecord[] - 传入对话框的数据。
  • 说明: 根据提供的数据创建对话框组件。此方法会检查 popupDslDefinition 是否存在,并基于其 dslDefinition 创建 DialogWidget 实例。对话框的数据源(dataSource)会根据 isFetchData 的返回值决定是否传入。对话框创建后,会监听 okcancel 事件,以便在对话框关闭时执行清理操作。

onCloseDialog()

  • 说明: 对话框关闭时的处理逻辑。此方法会检查对话框组件(dialog)是否存在,并获取其句柄(handle),使用 PopupManagerdispose 方法进行清理。

使用场景

  • 表单对话框: 当需要在当前视图上弹出一个表单进行数据录入或编辑时,可以使用 DialogViewActionWidget 以对话框形式展示。
  • 详情对话框: 当需要展示一个记录的详细信息时,可以使用 DialogViewActionWidget 以对话框形式展示。

示例代码

const dialogViewActionWidget = new DialogViewActionWidget();
// 假设已有数据
const data = [
  {
    /* 记录数据 */
  },
];

// 创建对话框
dialogViewActionWidget.createPopupWidget(data);

// 在适当的时机关闭对话框
dialogViewActionWidget.onCloseDialog();