在网上找了N久都没找到一个好的树,下面将这个树和大家分享一下.
概要
Functions
add
openAll
closeAll
openTo
Configuration
Functions
add ()
Adds对树的一个结。在画之前,仅Can叫树。
需要id、pid和名字。
Parameters
Name类型描述
id数字独特的身分数字。
pid提到父母结的数字数字。 根节点的价值必须是-1。
name串结的文本标签。
url结的串URL。
title结的串标题。
target结的串目标。
icon串使用的图象文件作为象。 用途缺省,如果没指定。
iconOpen串使用的图象文件作为开放象。 用途缺省,如果没指定。 布尔的open是开放的结。
Example
mytree.add (1, 0, ‘我的结’, ‘node.html’, ‘结标题’, ‘计算机主机’, ‘img或者musicfolder.gif’);
openAll ()
Opens所有结。在画前后, Can叫树。
Example
mytree.openAll ();
closeAll ()
Closes所有结。在画前后, Can叫树。
Example
mytree.closeAll ();
openTo ()
Opens对某一结的树,并且可能也选择结。在画之后,仅Can叫树。
Parameters
Name类型描述
id数字结的身分数字。 布尔的select如果结被选择。
Example
mytree.openTo (4,配齐);
Configuration
Variable类型缺省描述 所有结的target串真实的目标。
folderLinks布尔真实如果文件夹是链接。
useSelection布尔真实的结可以被选择(突出)。 布尔的useCookies配齐树用途曲奇饼对它是状态的rember。
useLines布尔真实的树画与线。
useIcons布尔真实的树画与象。 在状态栏的useStatusText布尔错误显示结点名而不是URL。 在父母之内的closeSameLevel布尔错误仅一个结可以同时被扩展。 openAll ()和closeAll ()作用不运作,当这使能时。
inOrder布尔错误,如果父母结在孩子之前总是增加,设置此配齐加速树。
Example
mytree.config.target = “mytarget”;
实例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Destroydrop » Javascripts » Tree</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<h1><a href="/">Destroydrop</a> » <a href="/javascripts/">Javascripts</a> » <a href="/javascripts/tree/">Tree</a></h1>
<h2>Example</h2>
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<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>
</div>
<p><a href="mailto:drop@destroydrop.com">©2002-2003 Geir Landrö</a></p>
</body>
</html>
下载地址: