首页 教程 API文档

工具按钮组件

2015-11-17 13:49:58

属性


父模块 Button
Demo地址 ToolButton

描述


ToolButton继承与Button组件,与Button组件功能几乎完全相同,但因为默认css class不同,所以拥有不同的风格,ToolButton没有边框,没有背景色.

工具按钮组件图片

成员列表


方法名称 成员类型 描述

参数选项


名称 类型 默认值 描述
defaultClass String StdUI_Button StdUI_ToolButton 工具按钮的默认css class名称
tabIndex Number null 工具按钮接受的tab焦点优先级,默认为null,没有焦点
height Number 32 工具按钮的高度
iconWidth Number 24 工具按钮的图标宽度
iconHeight Number 24 工具按钮的图标高度
text String Empty String 工具按钮的默认文字

相关例子



Std.ui("ToolButton",{
    renderTo:"#toolButtons",
    styleType:"textBesideIcon",
    icon:"images/play.png",
    text:"tool button"
});

Std.ui("ToolButton",{
    renderTo:"#toolButtons",
    styleType:"textBesideIcon",
    icon:"images/play.png",
    checkable:true,
    text:"checkable tool button"
});

Std.ui("ToolButton",{
    renderTo:"#toolButtons",
    styleType:"textBesideIcon",
    icon:"images/play.png",
    enable:false,
    text:"disabled tool button"
});