amis/docs/zh-CN/components/form/button.md
2021-01-19 15:48:18 +08:00

1.7 KiB
Executable File

title description type group menuName icon order
Button 按钮 0 null Button 4

按钮用于实现点击时触发行为,比如弹窗等,更多请参考 Action,在 form 中还支持提交和重置功能的按钮。

基本用法

{
    "type": "form",
    "api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
    "controls": [
      {
        "type": "text",
        "name": "name",
        "label": "姓名:"
      },
      {
        "type": "action",
        "actionType": "dialog",
        "label": "按钮",
        "dialog": {
            "title": "弹框标题",
            "body": "这是一个弹框"
        }
      }
    ]
}

提交表单

请配置"actionType": "submit""type": "submit"按钮,可以触发表单提交行为,

{
    "type": "form",
    "api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
    "controls": [
      {
        "type": "text",
        "name": "name",
        "label": "姓名:"
      },
      {
        "type": "submit",
        "label": "提交"
      }
    ]
}

重置表单

请配置"actionType": "reset""type": "reset"按钮,可以触发表单提交行为。

{
    "type": "form",
    "api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
    "controls": [
      {
        "type": "text",
        "name": "name",
        "label": "姓名:"
      },
      {
        "type": "reset",
        "label": "重置"
      }
    ]
}

属性表

Action 行为按钮