React EasyUI 链接按钮

2020-06-24 12:10 更新

链接按钮( LinkButton )用于创建一个超链接按钮。 链接按钮( LinkButton )可显示图标和文本,或者仅仅显示图标和文本中的一个,按钮宽度可动态收缩/扩展以适应其文本标签。

属性列表

名称 数据类型 作用描述 默认值
disabled boolean 为True时,禁用按钮。 false
toggle boolean 为True时,使用户能够将其状态切换为已选择或未选择。 false
selected boolean 是否选择按钮的状态。 false
outline boolean 是否显示大纲边框。 false
plain boolean 表现出一种无格式的效果。 false
iconCls string 在左边显示16x16图标的CSS类。 null
iconAlign string 按钮图标的位置。可选的值:'left', 'right', 'top', 'bottom'。 left
size string 按钮的大小。可选的值: 'small','large'。 small
text boolean 按钮的文本。 null

事件列表

名称 参数 作用描述
onClick none 单击按钮时触发。

方法列表

名称 参数 返回值 作用描述
focus none void 聚焦按钮。
blur none void 失焦按钮。

注:
- 继承: LocaleBase 。

使用方法

<LinkButton iconCls="icon-add" style={this.style1()}>Add</LinkButton>
<LinkButton iconCls="icon-remove" style={this.style1()}>Remove</LinkButton>
<LinkButton iconCls="icon-save" style={this.style1()}>Save</LinkButton>
<LinkButton iconCls="icon-cut" disabled style={this.style1()}>Cut</LinkButton>

  • 参考图例:

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号