Skip to content
On this page

formProps

json
{
  "widget": "AForm",
  "size": "small",
  "bucket": [
    {
      "widget": "ARow",
      "gutter": 10,
      "justify": "space-between",
      "bucket": [
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "用户姓名",
            "name": "usernameFormItem",
            "rules": [{ "required": false, "message": "请输入用户姓名" }],
            "bucket": {
              "widget": "AInput",
              "alias": "username",
              "placeholder": "请输入用户姓名"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "下拉选择",
            "name": "selectname",
            "bucket": {
              "widget": "ASelect",
              "alias": "selectname",
              "options": [
                {
                  "value": "jack",
                  "label": "Jack"
                },
                {
                  "value": "lucy",
                  "label": "Lucy"
                }
              ]
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "计数器",
            "name": "digital",
            "bucket": {
              "widget": "AInputNumber",
              "alias": "digital"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "上传头像",
            "name": "avatar",
            "bucket": {
              "widget": "AUpload",
              "alias": "avatar",
              "name": "avatar",
              "bucket": {
                "textContent": "上传头像"
              }
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "级联选择",
            "name": "cascadername",
            "bucket": {
              "widget": "ACascader",
              "alias": "cascadername",
              "options": [
                {
                  "value": "zhejiang",
                  "label": "Zhejiang",
                  "children": [
                    {
                      "value": "hangzhou",
                      "label": "Hangzhou",
                      "children": [
                        {
                          "value": "xihu",
                          "label": "West Lake"
                        }
                      ]
                    }
                  ]
                },
                {
                  "value": "jiangsu",
                  "label": "Jiangsu",
                  "children": [
                    {
                      "value": "nanjing",
                      "label": "Nanjing",
                      "children": [
                        {
                          "value": "zhonghuamen",
                          "label": "Zhong Hua Men"
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "开关",
            "name": "switchname",
            "bucket": {
              "widget": "ASwitch",
              "alias": "switchname"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "复选框",
            "name": "checkboxgroupname",
            "bucket": {
              "widget": "ACheckboxGroup",
              "alias": "checkboxgroupname",
              "bucket": [
                {
                  "widget": "ACheckbox",
                  "alias": "checkboxname1",
                  "value": 1
                },
                {
                  "widget": "ACheckbox",
                  "alias": "checkboxname2",
                  "value": 2
                }
              ]
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "单选框",
            "name": "radiogroupname",
            "bucket": {
              "widget": "ARadioGroup",
              "alias": "radiogroupname",
              "bucket": [
                {
                  "widget": "ARadio",
                  "alias": "radioname1",
                  "value": 1
                },
                {
                  "widget": "ARadio",
                  "alias": "radioname2",
                  "value": 2
                }
              ]
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "密码",
            "name": "passwordname",
            "bucket": {
              "widget": "AInputPassword",
              "alias": "passwordname"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "时间选择器",
            "name": "timePickername",
            "bucket": {
              "widget": "ATimePicker",
              "alias": "timePickername"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "时间范围",
            "name": "timeRangePickername",
            "bucket": {
              "widget": "ATimeRangePicker",
              "alias": "timeRangePickername"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "日期选择器",
            "name": "datePickername",
            "bucket": {
              "widget": "ADatePicker",
              "alias": "datePickername"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "日期范围",
            "name": "rangePickername",
            "bucket": {
              "widget": "ARangePicker",
              "alias": "rangePickername"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "穿梭框",
            "name": "transfername",
            "bucket": {
              "widget": "ATransfer",
              "alias": "transfername",
              "dataSource": [
                {
                  "key": "1",
                  "title": "sdldkfsl",
                  "description": "2lksslfkjsdlfkjvvmlklkrjwe",
                  "chosen": false
                }
              ],
              "oneWay": false,
              "showRemove": false
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "树形下拉选项",
            "name": "treeSelectname",
            "bucket": {
              "widget": "ATreeSelect",
              "alias": "treeSelectname",
              "treeData": [
                {
                  "label": "root 1",
                  "value": "root 1",
                  "children": [
                    {
                      "label": "parent 1",
                      "value": "parent 1",
                      "children": [
                        {
                          "label": "parent 1-0",
                          "value": "parent 1-0",
                          "children": [
                            {
                              "label": "my leaf",
                              "value": "leaf1"
                            },
                            {
                              "label": "your leaf",
                              "value": "leaf2"
                            }
                          ]
                        },
                        {
                          "label": "parent 1-1",
                          "value": "parent 1-1"
                        }
                      ]
                    },
                    {
                      "label": "parent 2",
                      "value": "parent 2"
                    }
                  ]
                }
              ]
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "树形选择",
            "name": "treename",
            "bucket": {
              "widget": "ATree",
              "alias": "treename",
              "treeData": [
                {
                  "title": "parent 1",
                  "key": "0-0",
                  "children": [
                    {
                      "title": "parent 1-0",
                      "key": "0-0-0",
                      "disabled": true,
                      "children": [
                        {
                          "title": "leaf",
                          "key": "0-0-0-0",
                          "disableCheckbox": true
                        },
                        { "title": "leaf", "key": "0-0-0-1" }
                      ]
                    },
                    {
                      "title": "parent 1-1",
                      "key": "0-0-1",
                      "children": [{ "key": "0-0-1-0", "title": "sss" }]
                    }
                  ]
                }
              ]
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "星星",
            "name": "ratename",
            "bucket": {
              "widget": "ARate",
              "alias": "ratename"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "范围滑动条",
            "name": "slidername",
            "bucket": {
              "widget": "ASlider",
              "alias": "slidername"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "自动补齐input",
            "name": "autocompletename",
            "bucket": {
              "widget": "AAutoComplete",
              "alias": "autocompletename",
              "options": [{ "value": "sdfsdf" }]
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "图片预览",
            "name": "aimagename",
            "bucket": {
              "widget": "AImage",
              "alias": "aimagename",
              "src": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "tag标签",
            "name": "atagname",
            "bucket": {
              "widget": "ATag",
              "alias": "atagname",
              "bucket": {
                "textContent": "lalala"
              },
              "closable": true
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "label": "checkableTag标签",
            "name": "acheckableTagname",
            "bucket": {
              "widget": "ACheckableTag",
              "alias": "acheckableTagname",
              "bucket": {
                "textContent": "lalala"
              },
              "closable": true
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "name": "abuttonname",
            "bucket": {
              "widget": "AButton",
              "alias": "abuttonname",
              "bucket": {
                "textContent": "重置"
              }
            }
          }
        },
        {
          "widget": "ACol",
          "span": 6,
          "bucket": {
            "widget": "AFormItem",
            "name": "inputsearchname",
            "bucket": {
              "widget": "AInputSearch",
              "alias": "inputsearchname"
            }
          }
        }
      ]
    }
  ]
}