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

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? ? 节点