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

Angular EasyUI 鏈接按鈕

2020-06-24 17:28 更新

鏈接按鈕（ LinkButtonComponent ）用于創(chuàng)建一個(gè)超鏈接按鈕。鏈接按鈕（ LinkButtonComponent ）可顯示圖標(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
btnCls	string	按鈕樣式類。	null
btnStyle	Object	按鈕內(nèi)聯(lián)樣式。	null
text	boolean	按鈕的文本。	null

字段列表

名稱	類型	作用描述
btnRef	ElementRef	對(duì)按鈕組件的引用。
focused	boolean	返回聚焦?fàn)顟B(tài)。

事件列表

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

方法列表

名稱	參數(shù)	返回值	作用描述
focus	none	void	聚焦按鈕。
blur	none	void	失焦按鈕。

注：
- 繼承： None 。
- 選擇器： eui-linkbutton 。

使用方法

<eui-linkbutton iconCls="icon-add">Add</eui-linkbutton>
<eui-linkbutton iconCls="icon-remove">Remove</eui-linkbutton>
<eui-linkbutton iconCls="icon-save">Save</eui-linkbutton>
<eui-linkbutton iconCls="icon-cut" [disabled]="true">Cut</eui-linkbutton>