深浅模式
按钮 button 组件
是一种常用的界面元素,通常用于工具栏(toolbar)和表单(form)组件内。
- 在工具栏中,按钮通常用于集中显示和管理各种操作,例如新增、编辑、保存、查询、打印等。
- 在表单中,按钮通常用于提交表单数据、重置表单内容或执行与表单相关的特定操作。
针对于按钮可以设置大小类型等等,框架中常用的几种按钮如下图:

备注:按钮会根据主题色的不同,默认显示为主题色的颜色。
事件
进入二开界面,选中按钮后,点击选择事件或属性,可调出事件列表,如下图:

| 事件名称 | 说明 | 参数和示例 |
|---|---|---|
| click | 点击按钮后触发 | click: '{button1_click}', |
方法
| 方法名称 | 说明 | 参数和示例 |
|---|---|---|
| -- | -- | -- |
属性
进入二开页面,选中按钮可以在右边属性栏设置按钮的各种属性。
| 属性名称 | 说明 | 示例 |
|---|---|---|
| reference | 设置按钮的refs | refs:button1 |
| hidden | 隐藏或显示按钮,默认为false | hidden:false |
| disabled | 是否禁用按钮,默认为false | disabled:false |
| text | 输入按钮显示的名字,默认NewButton | text:'按钮' |
| plain | 是否显示为朴素类型按钮,默认为false | plain:false |
| round | 是否设置为圆角,默认为false | round:false |
| circle | 是否设置为圆形,默认为false | circle:false |
| link | 是否设置为文本模式,默认为false | link:false |
| type | 设置按钮的类型,常用有default(默认)、primary(主要)、success(成功)、info(信息)、warning(警告)、danger(危险),默认为default | type:default |
| iconCls | 为按钮添加图标,默认不设置,为空 | iconCls:'element AlarmClock' |
| size | 设置按钮的尺寸大小,三种选项large(大)、default(中)、small(小),默认为false | size:default |