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

React EasyUI 樹

2020-06-24 12:12 更新

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

屬性列表

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

名稱	參數(shù)	作用描述
onSelectionChange	node	選擇節(jié)點(diǎn)時(shí)觸發(fā)。
onNodeClick	node	單擊節(jié)點(diǎn)時(shí)觸發(fā)。
onNodeExpand	node	在展開節(jié)點(diǎn)時(shí)觸發(fā)。
onNodeCollapse	node	當(dāng)節(jié)點(diǎn)被折疊時(shí)觸發(fā)。
onNodeCheck	node	檢查節(jié)點(diǎn)時(shí)觸發(fā)。
onNodeUncheck	node	當(dāng)節(jié)點(diǎn)未選中時(shí)觸發(fā)。
onCheckChange	nodes	更改選中節(jié)點(diǎn)時(shí)觸發(fā)。
onNodeContextMenu	{ node, originalEvent }	右擊節(jié)點(diǎn)時(shí)觸發(fā)。

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

注：
- 繼承： LocaleBase 。

<Tree data={this.state.data} onSelectionChange={this.handleSelectionChange.bind(this)}></Tree>

tree

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

寫筆記

我要補(bǔ)充