IT小鮮肉 Widgets Tree 單選、多選、相關回呼函數、擷取選中的節點功能，widgets回呼函數

IT小鮮肉 Widgets Tree 單選、多選、相關回呼函數、擷取選中的節點功能，widgets回呼函數

寫一個樹控制項並沒有想象中的那麼容易，今天又花了我一個1個多小時，主要為IT小鮮肉 Widgets Tree控制項添加了 單選、多選、選擇前和選擇後兩個回呼函數、擷取選中節點的功能。後面會繼續努力完善這個樹控制項。

 

1.通過設定初始化時候的選項{select:true}開啟單選，通過設定初始化時候的選項{select:{type:'multiple'}}開啟多選

使用執行個體代碼如下：

 

運行效果如下：

 

2.添加了onBeforeSelect回呼函數，用來實現自訂選擇，如果該函數返回false會中斷預設的選擇行為

使用執行個體代碼如下：

運行效果如下：

其中‘寧波’這個節點不可選擇

 

3.添加了onAfterSelect回呼函數，監聽選擇結束事件，無論是選中一個節點還是去選中一個節點都會調用該函數

4.添加了通過tree.itxxr_tree('getSelected')調用擷取選中的節點的功能

 

使用執行個體代碼如下：

運行結果如下：