Skip to content

按钮 button 组件

是一种常用的界面元素,通常用于工具栏(toolbar)和表单(form)组件内。

  1. 在工具栏中,按钮通常用于集中显示和管理各种操作,例如新增、编辑、保存、查询、打印等。
  2. 在表单中,按钮通常用于提交表单数据、重置表单内容或执行与表单相关的特定操作。

针对于按钮可以设置大小类型等等,框架中常用的几种按钮如下图:

备注:按钮会根据主题色的不同,默认显示为主题色的颜色。

事件

进入二开界面,选中按钮后,点击选择事件或属性,可调出事件列表,如下图:

事件名称说明参数和示例
click点击按钮后触发click: '{button1_click}',

方法

方法名称说明参数和示例
------

属性

进入二开页面,选中按钮可以在右边属性栏设置按钮的各种属性。

属性名称说明示例
reference设置按钮的refsrefs:button1
hidden隐藏或显示按钮,默认为falsehidden:false
disabled是否禁用按钮,默认为falsedisabled:false
text输入按钮显示的名字,默认NewButtontext:'按钮'
plain是否显示为朴素类型按钮,默认为falseplain:false
round是否设置为圆角,默认为falseround:false
circle是否设置为圆形,默认为falsecircle:false
link是否设置为文本模式,默认为falselink:false
type设置按钮的类型,常用有default(默认)、primary(主要)、success(成功)、info(信息)、warning(警告)、danger(危险),默认为defaulttype:default
iconCls为按钮添加图标,默认不设置,为空iconCls:'element AlarmClock'
size设置按钮的尺寸大小,三种选项large(大)、default(中)、small(小),默认为falsesize:default