React EasyUI 樹

2020-06-24 12:12 更新

樹( Tree )在網(wǎng)頁(yè)中以樹形結(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ì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)