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 数字输入组件
持续更新中。。。 持续更新中。。。

你可能感兴趣的:(工作记录,javascript)