Appearance
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"
}
}
}
]
}
]
}