您的位置：首页 > Web前端 > JavaScript

Js树型控件Dtree使用

2014-02-18 21:09 239 查看

dtree地址：http://destroydrop.com/javascripts/tree/

Keyfeatures

Unlimitednumberoflevels无限级

Canbeusedwithorwithoutframes

Remembersthestateofthetreebetweenpages

Possibletohaveasmanytreesasyoulikeonapage

Allmajorbrowserssuported

InternetExplorer5+

Netscape6+

Opera7+

Mozilla

GeneratesXHTML1.0strictvalidatedoutput

Alternativeimagesforeachnode

Dtree的源码非常短，可以分析下。

http://destroydrop.com/javascripts/tree/api/

add()

Addsanodetothetree.
Canonlybecalledbeforethetreeisdrawn.

id,pidandnamearerequired.

Parameters

Name	Type	Description
id	Number	Uniqueidentitynumber.
pid	Number	Numberreferingtotheparentnode.Thevaluefortherootnodehastobe-1.
name	String	Textlabelforthenode.
url	String	Urlforthenode.
title	String	Titleforthenode.
target	String	Targetforthenode.
icon	String	Imagefiletouseastheicon.Usesdefaultifnotspecified.
iconOpen	String	Imagefiletouseastheopenicon.Usesdefaultifnotspecified.
open	Boolean	Isthenodeopen.

Example

mytree.add(1,0,'Mynode','node.html','nodetitle','mainframe','img/musicfolder.gif');

<head>
<title>Destroydrop»Javascripts»Tree</title>

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

</head>

<body>

<h1><ahref="/">Destroydrop</a>»<ahref="/javascripts/">Javascripts</a>»<ahref="/javascripts/tree/">Tree</a></h1>

<h2>Example</h2>

<divclass="dtree">

<p><ahref="javascript:d.openAll();">openall</a>|<ahref="javascript:d.closeAll();">closeall</a></p>

<scripttype="text/javascript">
<!--

d=newdTree('d');

d.add(0,-1,'Myexampletree');
d.add(1,0,'Node1','example01.html');
d.add(2,0,'Node2','example01.html');
d.add(3,1,'Node1.1','example01.html');
d.add(4,0,'Node3','example01.html');
d.add(5,3,'Node1.1.1','example01.html');
d.add(6,5,'Node1.1.1.1','example01.html');
d.add(7,0,'Node4','example01.html');
d.add(8,1,'Node1.2','example01.html');
d.add(9,0,'MyPictures','example01.html','PicturesI\'vetakenovertheyears','','','img/imgfolder.gif');
d.add(10,9,'ThetriptoIceland','example01.html','PicturesofGullfossandGeysir');
d.add(11,9,'Mom\'sbirthday','example01.html');
d.add(12,0,'RecycleBin','example01.html','','','img/trash.gif');

document.write(d);

//-->
</script>

</div>

更多：http://www.lmwlove.com/ac/ID868

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航