React EasyUI 链接按钮
链接按钮（ 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>- 参考图例：
