docs: 补充二开文档
This commit is contained in:
@ -20,6 +20,27 @@
|
||||
|
||||
两种方法表单设计器支持内容一致,也都支持流程,差别只是UI方面。建议在设计业务模块优先使用代码模版。
|
||||
|
||||
### 表单的封装层次是什么
|
||||
```
|
||||
formCreatePage/approveFlowPage/createFlow(二开封装页面,提供标题栏和路由功能)
|
||||
↓
|
||||
FormInformation(最外层表单封装,用于区分是低开模式还是源码模式)
|
||||
↓
|
||||
Form.vue(业务表单,生成的代码,低开没有这层)
|
||||
↓
|
||||
SimpleForm/SimpleFormSetup(主体表单封装)
|
||||
↓
|
||||
SimpleFormItem(表单字段)
|
||||
↓
|
||||
表单组件 / SubFormV2(嵌套明细表)
|
||||
```
|
||||
### 表单提供了什么封装函数
|
||||
在生成的Form.vue中,可以通过systemFormRef.value调用对外提供的函数,这些函数在SimpleForm.vue里可以找到,可以参考formApi或者defineExpose提供的函数,有用的函数如:
|
||||
|
||||
- setFieldsValue 设定字段的值
|
||||
- getFieldsValue 获取表单的值,也就是formModel的非响应式版本
|
||||
- validateFields 手动触发校验
|
||||
|
||||
### 如何定义onChange/blur事件
|
||||
|
||||
所有的事件都在字段的events中,如change、blur,没有on,主表单的函数定义为
|
||||
|
||||
Reference in New Issue
Block a user