# 功能描述

抽屉数据操作,功能与xdialog-edit相同,仅展示界面有区别。

# 属性props

本控件props属性有3部分组成,分别为:
1.控件本身属性
2.数据源属性
3.Element表格属性

1.控件本身属性

参数 必填 数据类型 默认值 可选值 说明
maxHeight String 最大高度
beforeSave Function 保存前的回调,参数为dataSource中的currEditSelection结构体
saveEvent Function 覆盖默认的保存方法,参数为dataSource中的currEditSelection结构体
request Boolean false true/false 是否重新从数据库中拿当前表格行数据,常用于弹出框字段多余表格字段的情况
visible Boolean false true/false 弹出框是否可见
showClose Boolean true true/false 是否显示关闭按钮

2.数据源属性见data-source数据源的props属性
3.element抽屉框属性见element的dialog (opens new window)的Attributes

# 方法Methods

本控件方法包含:1.控件本身方法 2.数据源方法

1.控件本身方法

方法名 功能说明 参数说明 返回值类型 其它说明
open(action, afterCallback, parentDataSourceComponent, parentDataSourceComponentRow, index) 打开对话框 action: 操作类型:add,edit,see。
afterCallback:回调参数为dataSource中的currEditSelection结构体和当前的action,
parentComponent: 发出打开的对话框的组件,用于无数据源时的查看修改保存,常用于数据表格中的弹出框进行表格行编辑等操作,
parentDataSourceComponentRow: 发出打开的对话框的组件的当前选中行数据,常用于数据表格行编辑的时编辑其它数据类型,
index: 编辑时当前编辑行在父控件中的rows中的索引
close() 关闭弹出框
closeDrawer() 关闭弹出框
doSave(beforeCallback, afterCallback, isCLose = true) 保存弹出框数据并关闭弹出框 beforeCallback:保存前的回调,参数为dataSource中的currEditSelection结构体
afterCallback:保存后的回调,回调参数为dataSource中的currEditSelection结构体, isCLose:是否关闭对话框

2.element的抽屉框事件见element的dialog (opens new window)的方法

# 事件emit

控件事件有:1.控件本身事件 2.Element的弹出框事件

1.控件本身事件

事件名 功能说明 参数 参数说明
afterOpen 点击新增按钮完成后的事件 currEditSelection, action currEditSelection:dataSource中的currEditSelection结构体,
action:当前操作类型
afterSave 保存完成后的事件 res,action,currEditSelection,diff res:服务器返回数据,
action:当前操作类型,
currEditSelection:dataSource中的currEditSelection结构体,
diff:差异数据
afterClose 关闭对话框后的事件
open 对话框打开的事件
close 对话框关闭的事件
closed 对话框关闭后的事件

# 插槽slot

控件事件有:1.控件本身插槽 2.element的弹出框插槽

1.控件本身插槽

插槽名 界面位置及说明 参数 参数说明
匿名插槽 xdrawer-edit内容填充区域 row,action,actionType row:当前选择行的新数据,
action:当前操作类型,
actionType:当前行的操作状态

2.element弹出框插槽见element的dialog (opens new window)的插槽