DWZ(JUI)教程treeコントロールの選択イベント

2433 ワード

DWZ(JUI)教程treeコントロールの選択イベント  
新浪微博http://weibo.com/u/1534913940
最近友達の伝言で、treeコントロールの選択事項はどうなりますか?今日は簡単に話します.
まず流れを簡単に話してください.
第一歩はもちろん、コールバックイベントを定義しておきます.
function checkCallback(json){
     ...........
     ...........
}
キーは、コールバック関数が返される構造である.
選択されたイベントがtrueである場合はfalseです.
itemsはオブジェクト配列です.   は、選択されたノードに戻ることです.戻りのcheckedがfalseであれば、その長さは0です.
nameはノード名です.  valueは対応する値です.  textはノードに対応するテキストです.  対応ノードのtname tvalue、テキストテキスト情報
treeコントロールは自動的にカスケード接続されています.親ノードを選択すると、サブノードも選択されます.したがって、返ってくる選択ノードは配列です.もちろん、葉っぱノードであれば、その長さは1です.
第二ステップはdom元素に登録することです.
<ul class=「tree tree Folder tree Check expand」oncheck=「checkCallback」
これでいいです.実は使いやすいです.
以下は簡単にソースの注釈をしてみます.そうすると、皆さんはもっとよく分かります.
setTimeout(function(){  
	if($this.hasClass("treeCheck")){  
	    //            dom        
	    var checkFn = eval($this.attr("oncheck"));  
	    if(checkFn && $.isFunction(checkFn)) {  
	        $("div.ckbox", $this).each(function(){  
	            var ckbox = $(this);  
	            ckbox.click(function(){  
	                //                 
	                var checked = $(ckbox).hasClass("checked");  
	                var items = [];  
	                if(checked){  
	                    //                 li     
	                    var tnode = $(ckbox).parent().parent();  
	                    //        checkbox  
	                    var boxes = $("input", tnode);  
	                    if(boxes.size() > 1) {  
	                        //             
	                        $(boxes).each(function(){  
	                            items[items.length] = {name:$(this).attr("name"), value:$(this).val(), text:$(this).attr("text")};  
	                        });  
	                    } else {  
	                        items = {name:boxes.attr("name"), value:boxes.val(), text:boxes.attr("text")};  
	                    }         
	                }  
	                //                                       
	                checkFn({checked:checked, items:items});                                                          
	            });  
	        });  
	    }  
	} 
1,x  キーのコールバック関数は少し薄いです.また、規範性がないので、2.x後に改善されます.   みなさんのためになりたいです.
転載は出典を明示してください.http://blog.csdn.net/jiweigang1/article/details/8454474