React EasyUI 鏈接按鈕

2020-06-24 12:10 更新

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

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
disabled boolean 為True時,禁用按鈕。 false
toggle boolean 為True時，使用戶能夠?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 單擊按鈕時觸發(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>

  • 參考圖例：

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號