1. var url = 'mkController.do?getYsszmkTree&ysid=${ysid}&type=${type}';  
2.         var treeData;  
3.         $.ajax({  
4.             async : false,  
5.             cache : false,  
6.             type: 'POST',  
7.             url:url,  
8.             success:function(data){  
9.             treeData = $.parseJSON(data);  
10.             }  
11.         });  
12.           
13.         //$.tree 中url參數(shù)未指定時(shí)，加載的樹在首次展開時(shí)無效，  
14.         //要在第二次展開時(shí)才會(huì)加載子節(jié)點(diǎn)的數(shù)據(jù).具體原因？  
15.         $('#mktree').tree({  
16.             animate : true,  
17.             checkbox:true,  
18.             onlyLeafCheck:true,  
19.             //url:url,  
20.             data:treeData,  
21.             onContextMenu: function(e,node){  
22.                 e.preventDefault();  
23.                 $(this).tree('select',node.target);  
24.                 $('#mm').menu('show',{  
25.                     left: e.pageX,  
26.                     top: e.pageY  
27.                 });  
28.             },  
29.             onClick : function(node) {  
30.                   
31.                 //alert(node.attributes.pid+"=============="+node.attributes.mk);  
32.                 $('#mktree').tree('expand',node.target);  
33.                 //$('#zbxxpanle').html('<iframe frameborder=0 width=100% height=100% src="mkController.do?typeList&typegroupid='+node.id+'"</iframe>');      
34.                 //var url="mkController.do?mk&typegroupid="+node.id;  
35.                 var url="mkController.do?addorupdateRead&id="+node.id;  
36.                 $('#ifr_id').attr("src",url);         
37.             },  
38.             onExpand:function(node){  
39.                 url = 'mkController.do?getYsszmkTree&ysid=${ysid}&type=${type}';  
40.                 var dwid = node.attributes['dwid'];  
41.                 if(dwid==null || dwid=='' || dwid=='null'){  
42.                     url+='&nodeId='+node.id+'&nodeType='+node.attributes['key'];  
43.                 }else{  
44.                     url+='&nodeId='+node.id+'_'+dwid+'&nodeType='+node.attributes['key'];  
45.                 }  
46.                 $.ajax({  
47.                     async : false,  
48.                     cache : false,  
49.                     type: 'POST',  
50.                     url:url,  
51.                     success:function(data){  
52.                     treeData = $.parseJSON(data);  
53.                     }  
54.                 });  
55.   
56.                 var childData = $("#mktree").tree('getChildren',node.target);  
57.   
58.                 for(var i=0;i<childData.length;i++){  
59.                     $("#mktree").tree('remove',childData[i].target);  
60.                 }  
61.                   
62.                   
63.                 $("#mktree").tree('append',  
64.                         {parent:(node?node.target:null),  
65.                          data:treeData});  
66.             }  
67.         });  

屬性

事件

很多事件的回調(diào)函數(shù)需要'node' 函數(shù)，它包含下列特性：

• id：綁定到節(jié)點(diǎn)的標(biāo)識(shí)值。
• text：顯示的文字。
• checked：是否節(jié)點(diǎn)被選中。
• attributes：綁定到節(jié)點(diǎn)的自定義屬性。
• target：目標(biāo)的 DOM 對(duì)象。

本文轉(zhuǎn)自：http://blog.csdn.net/hzw2312/article/details/38919877