抽屉

抽屉从父窗体边缘滑入，覆盖部分父窗体内容。与对话框类似，用户无需跳转页面，在抽屉中完成操作即可继续当前任务。

注意： 抽屉配置完成后，需要在事件中配置打开，详见 事件操作。

一、属性

1. 功能

• 标题： 标题可以手动输入内容，也可以配置为自定义组件。

  
  

• Esc 键： 是否支持按 Esc 键关闭抽屉，默认开启。

• 关闭按钮： 默认开启。开启后左上角会出现一个叉号，点击可关闭抽屉。

  

• 销毁： 开启后，关闭抽屉时销毁其中的子元素。

• 显示蒙层： 默认开启。抽屉弹出时页面其余区域会显示灰色蒙层。

  开启状态：

  

  关闭状态：

  

• 点击其他区域关闭： 默认开启。开启后点击抽屉外部区域时将关闭抽屉。

2. 外观

• 方向： 可选择顶部、右侧、底部或左侧，默认是右侧。抽屉将依附于所选方向显示。

  顶部示例：

  

  左侧示例：

  

• 大小： 提供“大”、“小”两个快捷配置项和一个自定义大小选项。默认选择“小”。

  配置为“大”的效果：

  

二、常见使用场景

1. 在表格数据中点击“编辑”按钮，在不跳转页面的同时编辑数据。

   

2. 当数据量较大不便直接展示时，可点击“查看”按钮，通过抽屉展示详细内容。