[ DeWeb控件说明 ] Button :按钮控件

按钮控件

一、基本属性（原delphi属性）

• left/top/height/width，控件的left/top/height/width
• visible/enabled，控件的可见性和可用性
• Caption，控件标题
• Font，控件字体
• imageindex 左侧图标，图标序号参见Source\ElementIcons
• HotImageIndex 右侧图标，图标序号参见Source\ElementIcons
• ElevationRequired 设置属性为True时，单击一次后按钮即处于不可用状态，用于防止多次点击
• Cancel 仅显示图标，Caption为空时，设置该项为True, 用于图标居中

二、Hint扩展属性

• type 字符串型，用于控制组件颜色样式，可选项有：primary/success/info/warning/danger/text

• icon 字符串型，用于控件组件左侧图标，图标名称请参见https://element.eleme.cn/#/zh-CN/component/icon
• righticon 字符串型，用于控件组件右侧图标，图标名称请参见https://element.eleme.cn/#/zh-CN/component/icon

//高级javascript设置

• onenter 字符串型，用于鼠标进入控件时，前端直接执行的JS代码。如{"onenter":"console.log('aaa');"}
• onexit 字符串型，用于鼠标离开控件时，前端直接执行的JS代码。
• onclick 字符串型，用于鼠标单击控件时，前端直接执行的JS代码。如{"onclick":"this.dwloading=true;"}

注：Hint中的onenter/onexit/onclick中设置的代码，只能是javascript，不能是delphi；而且可以在点击时直接执行，而不是如TButton的OnClick事件一样，先发消息到服务端，再在服务端执行完成后，返回到前端（浏览器）再执行。

//高级css设置

• dwstyle 字符串型，用于通过底层CSS控制组件样式，需要一定的CSS知识，如{"dwstyle":"border:solid 3px #0f0;"}
• dwattr 字符串型，用于通过底层CSS控制组件属性，需要一定的CSS知识，如{"dwattr":"plain round"}

三、支持的原delphi控件事件

• OnClick
• OnEnter
• OnExit