龙空技术网

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

碧树西风 48

前言:

现时同学们对“button的onclick属性”大概比较关心,同学们都需要了解一些“button的onclick属性”的相关内容。那么小编也在网络上收集了一些有关“button的onclick属性””的相关资讯,希望同学们能喜欢,看官们一起来了解一下吧!

按钮控件

一、基本属性(原delphi属性)

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

二、Hint扩展属性

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

style 字符串型,用于控制组件外观样式,可选项有:plain/round/circle,可以多选,如{"style":"plain round"}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控件事件

OnClickOnEnterOnExit

标签: #button的onclick属性