# 功能描述
抽屉数据操作，功能与xdialog-edit相同，仅展示界面有区别。
# 属性props
本控件props属性有3部分组成，分别为:
1.控件本身属性
2.数据源属性
3.Element表格属性
1.控件本身属性
| 参数 | 必填 | 数据类型 | 默认值 | 可选值 | 说明 |
|---|---|---|---|---|---|
| visible | 否 | Boolean | false | true/false | 弹出框是否可见 |
| title | 否 | String | 弹出框标题 | ||
| showClose | 否 | Boolean | false | true/false | 是否显示关闭按钮 |
| request | 否 | Boolean | 是否重新从数据库中重新拿当前条操作记录,常用于表格弹框编辑，而表格数据库字段所有列不在表格中全部显示的情况 | ||
| beforeSave(currEditSelection, actionType) | 否 | Function | 保存前的回调函数，参数为currEditSelection：当前操作结构体, actionType:当前操作类型，返回false则终止操作 | ||
| beforeClose(done, actionType, currSelection) | 否 | Boolean | false | true/false | 关闭前的回调函数，参数为done：关闭操作, actionType：当前操作类型, currSelection当前操作结构体 |
| saveEvent(currEditSelection, actionType) | 否 | Function | 保存函数,覆盖默认的保存函数,参数为currEditSelection：当前操作结构体, actionType:当前操作类型 |
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, action | currEditSelection:dataSource中的currEditSelection结构体, action:当前操作类型 |
| afterSave(res, action, currEditSelection, diff) | 保存完成后的事件 | res,action,currEditSelection,diff | res:服务器返回数据, action:当前操作类型, currEditSelection:dataSource中的currEditSelection结构体, diff:差异数据 |
| afterClose(actionType, currSelection, currEditSelection) | 关闭对话框后的事件 | (actionType, currSelection, currEditSelection) | actionType：操作类型，currSelection：当前操作行数据，currEditSelection：数据结构体 |
| open | 对话框打开的事件 | actionType:操作类型, currSelection:当前选中原始行数据，currEditSelection：结构体数据 | |
| opened | 对话框打开后的事情 | actionType:操作类型, currSelection:当前选中原始行数据，currEditSelection：结构体数据 | |
| close | 对话框关闭的事件 | actionType:操作类型, currSelection:当前选中原始行数据，currEditSelection：结构体数据 | |
| closed | 对话框关闭后的事件 | actionType:操作类型, currSelection:当前选中原始行数据，currEditSelection：结构体数据 |
# 插槽slot
控件事件有:1.控件本身插槽 2.element的弹出框插槽
1.控件本身插槽
| 插槽名 | 界面位置及说明 | 参数 | 参数说明 |
|---|---|---|---|
| 匿名插槽 | xdialog-edit内容填充区域 | row,action,actionType | row:当前选择行的新数据, action:当前是否浏览状态， actionType:当前行的操作类型 |
2.element弹出框插槽见element的dialog (opens new window)的插槽