閱讀(1.5k) 書簽贊(0) 我要糾錯(cuò)

React EasyUI 鏈接按鈕

2020-06-24 12:10 更新

鏈接按鈕（ LinkButton ）用于創(chuàng)建一個(gè)超鏈接按鈕。鏈接按鈕（ LinkButton ）可顯示圖標(biāo)和文本，或者僅僅顯示圖標(biāo)和文本中的一個(gè)，按鈕寬度可動(dòng)態(tài)收縮/擴(kuò)展以適應(yīng)其文本標(biāo)簽。

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認(rèn)值
disabled	boolean	為True時(shí),禁用按鈕。	false
toggle	boolean	為True時(shí)，使用戶能夠?qū)⑵錉顟B(tài)切換為已選擇或未選擇。	false
selected	boolean	是否選擇按鈕的狀態(tài)。	false
outline	boolean	是否顯示大綱邊框。	false
plain	boolean	表現(xiàn)出一種無格式的效果。	false
iconCls	string	在左邊顯示16x16圖標(biāo)的CSS類。	null
iconAlign	string	按鈕圖標(biāo)的位置?？蛇x的值:'left', 'right', 'top', 'bottom'。	left
size	string	按鈕的大小?？蛇x的值: 'small','large'。	small
text	boolean	按鈕的文本。	null

事件列表

名稱	參數(shù)	作用描述
onClick	none	單擊按鈕時(shí)觸發(fā)。

方法列表

名稱	參數(shù)	返回值	作用描述
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>