App4Add1
# 一、属性
# formOption
object
# formOption.hiddenToolbar
boolean | (editType) => boolean
是否隐藏默认的按钮组。
默认值： false
# formOption.tbar
array
提示
可通过修改 tbar 默认配置，隐藏 保存复制、保存新增 功能 或 自定义保存。示例代码如下：
formOption: {
// ...
tbar: [
// {
// btnId: 'saveAndCopy',
// text: '保存复制',
// iconCls: 'i-shengyijing'
// },
// {
// btnId: 'saveAndAdd',
// text: '保存新增',
// iconCls: 'i-shengyijing'
// },
{
btnId: 'save',
text: '保存',
iconCls: 'save'
},
{
btnId: 'customSave',
text: '自定义保存',
iconCls: 'save',
method: (params) => this.customSave()
}
]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
# mainGrid
主表格配置项。
# detailGridList
object | array
细表格配置项。
# detailGridList[index].selCols
array<string>
细表选中的列字段数组。
提示
请结合 retCols 使用，否则无效。
# detailGridList[index].retCols
主表接收细表选中列字段数组。
提示
请结合 selCols 使用，否则无效。
# app
string
标记当前组件是在哪个功能组件中使用的。
默认值: 'app4Add1'
# height
number
组件高度。
# formData
object
表单数据。
# layout
string
主细表采用哪种布局方式。
默认值： TopDown
可选值： TopDown、LeftRight
# 二、方法
# getForm()
获取表单实例。相当于 BasicForm - getForm()。
# getFormData()
获取表单数据。
# getApp4Ref()
获取 App4 实例对象。
# getAppMain()
获取主表实例对象。相当于 App4-getAppMain()。
# getAppDetail(index)
获取主表实例对象。相当于 App4-getAppDetail(index)。
# tOk()
保存方法。
# buildSaveData()
构建保存数据。
# 三、事件
# tSaveBefore
({ that, formRef, mainGridRef, detailGridRefs, data, proData, back }) => void
保存前执行。
参数说明:
- obj
that: object: 当前组件的实例对象 不建议使用formRef: object: 表单对象 推荐mainGridRef: object: 主表格对象 推荐detailGridRefs: array: 细表格对象 推荐data: object: 数据对象，不一定是待保存数据proData: (data) => void: 处理数据对象，将其转为待待保存数据back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
# tSaveAfter
({ that, formRef, mainGridRef, detailGridRefs, toolbar, params, res }) => void
保存后执行。
参数说明:
- obj
that: object: 当前组件的实例对象 不建议使用formRef: object: 表单对象 推荐mainGridRef: object: 主表格对象 推荐detailGridRefs: array: 细表格对象 推荐toolbar: object: 按钮配置对象params: object: 接口请求参数res: object: 接口响应结果