SimpleTree擴展：支持checkbox節點選擇(半選、全選、不選)

由於公司項目的需要，現需要一棵帶有複選框的樹形結構，但項目裏頭已經運用了Jquery的SimpleTree組件來做樹形展現，可是猴子用的版本不支持複選框勾選，也不想重新去找一個樹形結構來用，於是乎就想對它進行擴展，現在來展示一下結果。呵呵，如果發現了啥BUG請及時給予回帖，猴子先謝謝啦~。。。。

該樹形腳本需依賴 jquery1.2.6版本開發包。（高版本的我沒試過，應該沒啥影響！）

擴展內容：jquery.simple.tree.js

.... 
/** 
* added by zhengchao 2010-03-31 
*   beforeAjax : 展開AJAX之前的事件接口 
*/ 
var beforeAjax = false; 

/** 
*added by zhengchao 2010-04-05 
* nodeCheckBox : 多選框啓用與否 
*/ 
var nodeCheckBox = false;

/** 
* added by zhengchao 2010-04-05 
* checkBoxClick : 多選框事件複寫接口 
*/ 
var checkBoxClick = false; ........ 

/** 
* 複選框屬性及狀態標誌 
* 默認屬性，支持重新定義 
* by zhengchao 2010-04-05 
* 例： <span ck='a'>表示全選</span> 
*/ 
nodeCheckBox : false, ckFlag : 'ck', //標籤中的元素 
allCheckFlag : 'a', //全選 
halfCheckFlag : 'h', //半選 
noCheckFlag : 'n', //沒選 
checkBoxClick : false //多選框事件 ........ 

 

 

 

完整代碼請查看附件。

 

算法上寫的比較臭的地方。請大家見諒，歡迎拍磚^_^!!