页面抽屉

DrawerViewActionWidget 类继承自 PopupActionWidget，用于实现以抽屉形式展示的视图动作，如弹出侧边栏表单或详情视图等。

属性

drawer

• 类型: DrawerWidget | undefined
• 说明: 抽屉组件的引用。当抽屉被创建时，此属性会被赋值。

方法

createPopupWidget(data: ActiveRecord[])

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

onCloseDrawer()

• 说明: 抽屉关闭时的处理逻辑。此方法会检查抽屉组件(drawer)是否存在，并获取其句柄(handle)，使用 PopupManager 的 dispose 方法进行清理。

使用场景

• 侧边表单抽屉: 当需要在当前视图旁边弹出一个表单进行数据录入或编辑时，可以使用 DrawerViewActionWidget 以抽屉形式展示。
• 侧边详情抽屉: 当需要展示一个记录的详细信息时，可以使用 DrawerViewActionWidget 以抽屉形式展示。

示例代码

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

// 创建抽屉
drawerViewActionWidget.createPopupWidget(data);

// 在适当的时机关闭抽屉
drawerViewActionWidget.onCloseDrawer();