mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-15 09:21:13 +08:00
85 lines
1.5 KiB
Markdown
Executable File
85 lines
1.5 KiB
Markdown
Executable File
---
|
|
title: Button 按钮
|
|
description:
|
|
type: 0
|
|
group: null
|
|
menuName: Button
|
|
icon:
|
|
order: 4
|
|
---
|
|
|
|
`form`中除了支持 [行为按钮](./action)以外，还支持一些特定的按钮。
|
|
|
|
## 基本用法
|
|
|
|
```schema:height="350" scope="body"
|
|
{
|
|
"type": "form",
|
|
"api": "https://houtai.baidu.com/api/mock2/form/saveForm",
|
|
"controls": [
|
|
{
|
|
"type": "text",
|
|
"name": "name",
|
|
"label": "姓名："
|
|
},
|
|
{
|
|
"type": "action",
|
|
"actionType": "dialog",
|
|
"label": "按钮",
|
|
"dialog": {
|
|
"title": "弹框标题",
|
|
"body": "这是一个弹框"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
## 提交表单
|
|
|
|
请配置`"actionType": "submit"`或`"type": "submit"`按钮，可以触发表单提交行为，
|
|
|
|
```schema:height="350" scope="body"
|
|
{
|
|
"type": "form",
|
|
"api": "https://houtai.baidu.com/api/mock2/form/saveForm",
|
|
"controls": [
|
|
{
|
|
"type": "text",
|
|
"name": "name",
|
|
"label": "姓名："
|
|
},
|
|
{
|
|
"type": "submit",
|
|
"label": "提交"
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
## 重置表单
|
|
|
|
请配置`"actionType": "reset"`或`"type": "reset"`按钮，可以触发表单提交行为。
|
|
|
|
```schema:height="350" scope="body"
|
|
{
|
|
"type": "form",
|
|
"api": "https://houtai.baidu.com/api/mock2/form/saveForm",
|
|
"controls": [
|
|
{
|
|
"type": "text",
|
|
"name": "name",
|
|
"label": "姓名："
|
|
},
|
|
{
|
|
"type": "reset",
|
|
"label": "重置"
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
## 属性表
|
|
|
|
见 [Action 行为按钮](../action)
|