# 功能描述
抽屉数据操作,功能与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)的插槽