dtree （转）

解压缩dtree.zip 包。 
dtree目录下包括这些文件：example01.html 、 dtree.js 、 api.html 、 dtree.css 和img目录      
注意：除了api.html之外，其它的文件都是必须拷贝的。api.html是dtree的函数介绍。 

打开example01.html文件 

     <link rel="StyleSheet" href="css/dtree.css" type="text/css" />  
     <script type="text/javascript" src="js/dtree.js"></script>  

必须引用的两个文件。 

生成树 节点的代码： 
      <script type="text/javascript">  
         <!--  

         d = new dTree(’d’);//创建一个树对象  

         d.add(0,-1,’My example tree’); //创建一个树对象  
         d.add(1,0,’Node 1’,’example01.html’);  
         d.add(2,0,’Node 2’,’example01.html’);  
         d.add(3,1,’Node 1.1’,’example01.html’);  
         d.add(4,0,’Node 3’,’example01.html’);  
         d.add(5,3,’Node 1.1.1’,’example01.html’);  
         d.add(6,5,’Node 1.1.1.1’,’example01.html’);  
         d.add(7,0,’Node 4’,’example01.html’);  
         d.add(8,1,’Node 1.2’,’example01.html’);  
         d.add(9,0,’My Pictures’,’example01.html’,’Pictures I\’ve taken over the years’,’’,’’,’img/imgfolder.gif’);  
         d.add(10,9,’The trip to Iceland’,’example01.html’,’Pictures of Gullfoss and Geysir’);  
         d.add(11,9,’Mom\’s birthday’,’example01.html’);  
         d.add(12,0,’Recycle Bin’,’example01.html’,’’,’’,’img/trash.gif’);  

         document.write(d);  

         //-->  
     </script>  

d.add(0,-1,’My example tree’); 
      这一句为树添加了一个根节点，显示名称为’My example tree’     d.add(1,0,’Node 1’,’example01.html’); 
     这一句在树的根节点下面添加了一个子节点。（d.add（）方法的参数具体含义可参见api.html文件）      
常用的：      
第一个参数，表示当前节点的ID      
第二个参数，表示当前节点的父节点的ID,根节点的值为 -1     
第三个参数，节点要显示的文字      
第四个参数，节点的Url      
第五个参数，鼠标移至该节点时节点的Title      
第六个参数，节点的target 
第七个参数，用做节点的图标,节点没有指定图标时使用默认值 
第八个参数，用做节点打开的图标,节点没有指定图标时使用默认值 
第九个参数，判断节点是否打开 

使用实例大家可参照 www.amyou.cn 的树型菜单 

附 rlog翻译：

属性菜单使用说明  

函数  

add()  
向树里添加一个节点  
只能在树被创建之前调用.  
必须 id, pid, name  
参数  
名字        类型       描述  
id        Number       唯一的ID号  
pid       Number       判定父节点的数字,根节点的值为 -1  
name      String       节点的文本标签  
url       String       节点的Url  
title     String       节点的Title  
target    String       节点的target  
icon      String       用做节点的图标,节点没有指定图标时使用默认值  
iconOpen     String    用做节点打开的图标,节点没有指定图标时使用默认值  
open     Boolean     判断节点是否打开  
例子  
mytree.add(1, 0, ’My node’, ’node.html’, ’node title’, ’mainframe’, ’img/musicfolder.gif’);  

openAll()  
打开所有节点  
可在树被创建以前或以后调用.  
例子  
mytree.openAll();  

closeAll()  
关闭所有节点  
可在树被创建以前或以后调用.  
例子  
mytree.closeAll();  

openTo()  
Opens the tree to a certain node and can also select the node.  
只能在树被创建以后调用..  
参数  
名字        类型        描述  
id         Number       节点唯一的ID号  
select     Boolean     判断节点是否被选择  
例子  
mytree.openTo(4, true);  

配置  
变量                 类型             默认值              描述  
target              String             true            所有节点的target  
folderLinks         Boolean            true           文件夹可链接  
useSelection        Boolean            true           节点可被选择(高亮)  
useCookies          Boolean            true           树可以使用cookies记住状态  
useLines            Boolean           

 

 

 

注意事项

  树节点能出来，但是当单节树节点展现下级节点的时候，包‘’未定义，这种错误是

   一定要保证  var dt = new dTree（“dt”） 注意变量和里面的参数一定要一直。