日期:2014-05-16  浏览次数:20340 次

jstree 简单解决方案之节点换肤


写在前面 :
前一篇文章jstree 简单解决方案,主要讲了jstree的一些基本用法,在这里讨论一下jstree的节点换皮肤。
当然本文还是基于 jstree 0.99a 版本和 jquery-1.3.2.js为基础写的。



Js代码 
1.<script type="text/javascript" src="jquery-1.3.2.js"></script>  
2.<script type="text/javascript" src="jquery.tree.js"></script>  
3.<script type="text/javascript" language="javascript">  
4.  <!--    
5.        $(function () {   
6.            $.ajaxSetup({cache:false});//ajax调用不使用缓存  
7.            $("#vcsTree").tree({//创建树开始  
8.                  data : {   
9.                    type : "json",//类型为json  
10.                    async : true,//动态操作  
11.                    opts : {  
12.                        method : "get",   
13.                        url : "async_json_data2.json" 
14.                    }  
15.                 },//end data  
16.                 ui:{  
17.                     theme_name : "classic" 
18.                 },  
19.                 lang:{     
20.                 loading : "目录加载中……"    
21.             },   
22.             rules : {  
23.                type_attr   : "rel",     //设置节点类型  
24.                valid_children : "root"  // 只有root节点才能作为顶级结点  
25.            },  
26.                 types :{  
27.                    "default" : {  
28.                        clickable : true,  
29.                     &