【工作记录|formJson说明】
formJson说明,持续更新中
-
- 参数说明
-
- form配置
- properties对象数组配置
- custom对象数组配置
- JSON示例，持续更新中。。。
- 组件类型说明
参数说明
form配置
| 属性名 |
说明 |
类型 |
默认值 |
| initFormValue |
form表单初始默认值 |
object |
|
| formOptions |
antd表单原生API配置对象 |
object |
|
| properties |
Form.Item需要加载组件配置集合 |
object |
|
properties对象数组配置
| 属性名 |
说明 |
类型 |
默认值 |
| type |
form.item里面需要加载的组件类型（不一定是标签名） |
string |
|
| name |
表单获取数据时的属性名 |
string |
|
| formitemprops |
Form.Item的API配置对象（name直接引用上方name属性，无需在formitemprops重新定义） |
object |
|
| props |
form.item内加载组件的API配置对象，具体配置请参考各组件API说明 |
object |
|
| custom |
form.item级别拓展属性配置对象(内部属性可考虑不用custom包装) |
object |
|
custom对象数组配置
| 属性名 |
说明 |
类型 |
是否必填 |
默认值 |
| associatedField |
联级选择关联参数 |
string[] |
否 |
|
| paramsField |
联级查询参数配置 |
string[] |
否 |
|
JSON示例，持续更新中。。。
{
"initFormValue":{},
"formOptions":{
"name":""
},
"properties":[
{
"type":"Select",
"name":"grade",
"formitemprops":{
"label":"年级",
"rules":[]
},
"props":{
"placeholder": "自定义提示内容",
"format": "",
"url":"接口地址",
"options":[],
"optionKey":"id",
"optionLabel":"label",
"columns":[{}]
},
"custom":{
"associatedField":["class","group"]
}
},
{
"type":"Select",
"name":"class",
"formitemprops":{
"label":"班级",
"rules":[]
},
"props":{
"placeholder": "自定义提示内容",
"url":"接口地址",
"options":[],
"optionKey":"id",
"optionLabel":"label",
"columns":[{}]
},
"custom":{
"associatedField":["group"],
"paramsField":["grade"]
}
},
{
"type":"Select",
"name":"group",
"formitemprops":{
"label":"小组",
"rules":[]
},
"props":{
"placeholder": "自定义提示内容",
"url":"接口地址",
"options":[],
"optionKey":"id",
"optionLabel":"label",
"columns":[{}]
},
"custom":{
"paramsField":["grade","class"]
}
},
{
"type":"Integer",
"name":"integerValue",
"formitemprops":{
"label":"数字类型",
"rules":[]
},
"props":{
"placeholder": "自定义提示内容"
},
"custom":{}
}
]
}
组件类型说明
| type |
说明 |
| String |
input输入框 |
| Boolean |
以单独checked为样式的勾选组件 |
| DatePicker |
日期选择组件（非范围选择，需定义format的value格式） |
| RangePicker |
日期范围选择组件 |
| Integer |
数字输入组件 |
| 持续更新中。。。 |
持续更新中。。。 |
推荐阅读
