欢迎加入站点基地设计开发交流群:30720409
详细内容
jstree 实现节点换肤的方法
发布日期:2010-07-18     点击:5514     字体:[ ]

这里讨论一下jstree的节点换皮肤。
当然本文还是基于 jstree 0.99a 版本和 jquery-1.3.2.js为基础写的。

 

Js代码:
<script type="text/javascript" src="jquery-1.3.2.js"></script>   
<script type="text/javascript" src="jquery.tree.js"></script>   
<script type="text/javascript" language="javascript">   
  <!--     
        $(function () {    
            $.ajaxSetup({cache:false});//ajax调用不使用缓存   
            $("#vcsTree").tree({//创建树开始   
                  data : {    
                    type : "json",//类型为json   
                    async : true,//动态操作   
                    opts : {   
                        method : "get",    
                        url : "async_json_data2.json"  
                    }   
                 },//end data   
                 ui:{   
                     theme_name : "classic"  
                 },   
                 lang:{      
                 loading : "目录加载中……"     
             },    
             rules : {   
                type_attr   : "rel",     //设置节点类型   
                valid_children : "root"  // 只有root节点才能作为顶级结点   
            },   
                 types :{   
                    "default" : {   
                        clickable : true,   
                        draggable : false    //设置节点不可拖拽   
                    },   
                "root" : {   
                    valid_children : "folder", //设置下级节点类型,可是数组   
                    icon : {    
                        image : "root.png"//设置当前节点icon图片,路径自己决定   
                    }   
                },   
               "folder" : {   
                    valid_children : "leaf",   
                    icon : {    
                        image : "folder.png"  
                    }   
                },   
                "leaf" : {   
                    valid_children : "none",   
                    icon : {    
                        image : "leaf.png"  
                    }   
                }   
                 }         
            });   
        });   
   //-->   
</script>   
<div id="container">    
        <h2 class="title">JsTree</h2>   
        <div id="vcsTree"></div>               
</div> 
<script type="text/javascript" src="jquery-1.3.2.js"></script><script type="text/javascript" src="jquery.tree.js"></script><script type="text/javascript" language="javascript">  <!--       $(fu

用户评论
昵称: 来自:121.28.92.*  
2016/12/19 11:00:11
去去去
昵称:json007 来自:210.22.173.*  
2010/12/28 16:50:04
jstree王者归来 qq讨论群 105564508, 此篇关于jstree的文章是本人所写,请大家来群学习交流!
昵称 
内容  *
验证码   
   
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号 可人软件设计