amis2/docs/components/form/button.md
2020-07-29 16:20:21 +08:00

1.5 KiB
Executable File

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

form中除了支持 行为按钮以外,还支持一些特定的按钮。

基本用法

{
    "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"按钮,可以触发表单提交行为,

{
    "type": "form",
    "api": "https://houtai.baidu.com/api/mock2/form/saveForm",
    "controls": [
      {
        "type": "text",
        "name": "name",
        "label": "姓名:"
      },
      {
        "type": "submit",
        "label": "提交"
      }
    ]
}

重置表单

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

{
    "type": "form",
    "api": "https://houtai.baidu.com/api/mock2/form/saveForm",
    "controls": [
      {
        "type": "text",
        "name": "name",
        "label": "姓名:"
      },
      {
        "type": "reset",
        "label": "重置"
      }
    ]
}

属性表

Action 行为按钮