1. 程式人生 > >IT小鮮肉 Widgets Tree 單選、多選、相關回調函數、獲取選中的節點功能

IT小鮮肉 Widgets Tree 單選、多選、相關回調函數、獲取選中的節點功能

-128 key log 中斷 images 結束 type 小時 調用

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

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

使用實例代碼如下:

技術分享

技術分享

技術分享

運行效果如下:

技術分享

2.添加了onBeforeSelect回調函數,用來實現自定義選擇,如果該函數返回false會中斷默認的選擇行為

使用實例代碼如下:

技術分享

技術分享

運行效果如下:

技術分享

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

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

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

使用實例代碼如下:

技術分享

技術分享

技術分享

運行結果如下:

技術分享

IT小鮮肉 Widgets Tree 單選、多選、相關回調函數、獲取選中的節點功能