Button-Toolbar 按钮工具栏

默认按钮会独占一行,如果想让多个按钮并排方式,可以使用 button-toolbar 组件包裹起来,另外还有能用 button-group 来在展现上更紧凑。

基本使用

```schema: scope=”body” { “type”: “form”, “body”: [ { “type”: “input-text”, “name”: “test”, “label”: “Text” },

  1. {
  2. "type": "button-toolbar",
  3. "label": "按钮组",
  4. "buttons": [
  5. {
  6. "type": "button",
  7. "label": "按钮",
  8. "actionType": "dialog",
  9. "dialog": {
  10. "title": "提示",
  11. "body": "对,你刚点击了!"
  12. }
  13. },
  14. {
  15. "type": "submit",
  16. "label": "提交"
  17. },
  18. {
  19. "type": "reset",
  20. "label": "重置"
  21. }
  22. ]
  23. }
  24. ]

} ```

属性表

属性名 类型 默认值 说明
type string "button-toolbar" 指定为 ButtonToolbar 组件
buttons Array<行为按钮> 按钮组