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

Angular EasyUI 樹

2020-06-24 17:27 更新

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

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認(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

名稱	參數(shù)	作用描述
selectionChange	node	選擇節(jié)點(diǎn)時(shí)觸發(fā)。
nodeClick	node	單擊節(jié)點(diǎn)時(shí)觸發(fā)。
nodeExpand	node	在展開節(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ā)。

名稱	類型	作用描述
checkedNodes	any[ ]	All the checked nodes 。

名稱	參數(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í)行篩選操作。

名稱	參數(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ì)您有幫助：

寫筆記

我要補(bǔ)充