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

Angular EasyUI 樹(shù)

2020-06-24 17:27 更新

樹(shù)（ TreeComponent ）在網(wǎng)頁(yè)中以樹(shù)形結(jié)構(gòu)顯示分層數(shù)據(jù)。樹(shù)（ TreeComponent ）向用戶(hù)提供展開(kāi)、折疊、拖拽、編輯和異步加載功能。

屬性列表

名稱(chēng)	數(shù)據(jù)類(lèi)型	作用描述	默認(rèn)值
data	any[ ]	要加載的數(shù)據(jù)。	[ ]
selection	any	選中的節(jié)點(diǎn)。	null
checkbox	boolean	是否在每個(gè)節(jié)點(diǎn)前顯示復(fù)選框。	false
cascadeCheck	boolean	是否進(jìn)行級(jí)聯(lián)檢查。	true

名稱(chēng)	參數(shù)	作用描述
selectionChange	node	選擇節(jié)點(diǎn)時(shí)觸發(fā)。
nodeClick	node	單擊節(jié)點(diǎn)時(shí)觸發(fā)。
nodeExpand	node	在展開(kāi)節(jié)點(diǎn)時(shí)觸發(fā)。
nodeCollapse	node	當(dāng)節(jié)點(diǎn)被折疊時(shí)觸發(fā)。
nodeCheck	node	檢查節(jié)點(diǎn)時(shí)觸發(fā)。
nodeUncheck	node	當(dāng)節(jié)點(diǎn)未選中時(shí)觸發(fā)。
checkChange	nodes	更改選中節(jié)點(diǎn)時(shí)觸發(fā)。
nodeContextMenu	node, originalEvent	右擊節(jié)點(diǎn)時(shí)觸發(fā)。

名稱(chēng)	類(lèi)型	作用描述
checkedNodes	any[ ]	All the checked nodes 。

名稱(chēng)	參數(shù)	返回值	作用描述
selectNode	node	void	選擇一個(gè)節(jié)點(diǎn)。
checkNode	node	void	檢查節(jié)點(diǎn)。
uncheckNode	node	void	取消一個(gè)節(jié)點(diǎn)。
uncheckAllNodes	none	void	取消所有節(jié)點(diǎn)。
doFilter	q:any	void	執(zhí)行篩選操作。

名稱(chēng)	參數(shù)	作用描述
default	node	節(jié)點(diǎn)作用域。
editor	node	編輯節(jié)點(diǎn)作用域。

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

<eui-tree [data]="data" [(selection)]="selection"></eui-tree>
<p *ngIf="selection">Selected: {{selection.text}}</p>

Tree

以上內(nèi)容是否對(duì)您有幫助：

寫(xiě)筆記

我要補(bǔ)充