dtree.js的使用[转]

<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  
第七个参数，用作节点的图标,节点没有指定图标时使用默认值  
第八个参数，用作节点打开的图标,节点没有指定图标时使用默认值  
第九个参数，判断节点是否打开  

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    true    建立带线的树  
useIcons    Boolean    true    建立带有图标的树  
useStatusText    Boolean    false    用节点名替代显示在状态栏的节点url  
closeSameLevel    Boolean    false    只有一个有父级的节点能够被展开,当这个函数可用时openAll() 和 closeAll() 函数将不可用  
inOrder    Boolean    false    若是父级节点老是添加在子级节点以前,使用这个参数能够加速菜单显示.  
例子  
mytree.config.target = "mytarget";