dtree是一个由JavaScript编写成的简单的树形菜单组件，目前免费并且开源。 dtree目前有很多的树形菜单组件(比如ext)，dtree是一种简单易懂的js组件，不需要复杂的操作即可生产，同时支持动态从数据库引入数据。
dTree可以不用添加任何页面而直接用代码实现多个栏目，并可以实现无限分级。
官方http://www.destroydrop.com/javascripts/tree/下载dtree.zip
<!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>
添加一个树节点，实际参数有9个add(id,pid,name,url,title,target,icon,iconOpen,open);
|
注：dtree.js文件中约87－113行是一些默认图片的路径，可以自己配置图片和路径。
相关推荐
这篇文章将深入探讨这两个文件的核心功能，使用方法，以及在实际项目中的应用。 首先，dtree.js是一个JavaScript库，它提供了一种灵活的方式来创建和操作树形数据结构。通过dtree.js，开发者可以轻松地生成具有展开...
这篇名为 "dtree_checkbox" 的博文可能解析了如何使用这个特定的功能，或者可能是作者分享的一个自定义实现。由于没有提供具体的描述，我们只能基于标题进行推测。通常，这样的内容可能会涵盖以下几个知识点： 1. *...
1. **DTree基础**：DTree的基本用法，包括初始化、添加节点、删除节点、展开与折叠节点等操作。 2. **jQuery集成**：如何将DTree与jQuery库结合，利用jQuery的便利性处理DOM元素，例如动态加载数据、响应用户交互等...
本篇文章将对JSP树型菜单DTree进行深入探讨。 首先，DTree的核心在于其JavaScript文件`dtree.js`。这个文件包含了构建和操作树型菜单的主要逻辑。开发者可以通过调用其中提供的API来动态加载、展开或折叠菜单项，...
本篇文章将深入探讨如何利用dtree和jQuery库创建动态树，以及如何在SSH（Spring、Struts、Hibernate）框架下进行集成与管理。 首先，dtree是一个JavaScript库，专门用于在网页上生成交互式的树形菜单。它提供了一种...
本篇文章将围绕"dtree-0.1.0.tar.gz"这个资源展开，深入探讨它在Python中的应用，尤其是作为决策树库的角色。 "dtree-0.1.0.tar.gz"是一个在PyPI上发布的压缩文件，其名称表明这可能是一个专门用于决策树算法的...
根据提供的文件内容，这篇文章主要讨论了如何使用JavaScript库dtree.js来动态生成一个树形结构（或者说树状视图，Tree View），并提供了一个具体的示例代码。以下是关于这一主题的知识点分析： ### 1. dtree.js介绍...
《Android SD卡文件浏览器开发详解》 在移动设备中，Android操作系统因其开源性和灵活性而备受开发者喜爱。...这对于初学者来说，是一个很好的学习资源，可以帮助他们深入理解Android应用开发的基础知识和实践技巧。
总的来说，这篇文档通过3D跳棋游戏的例子，深入浅出地介绍了Java 3D编程的基础知识，包括场景图的构建、3D对象的创建、用户交互以及组件集成等关键概念，为读者提供了一个良好的学习Java 3D技术的起点。
本篇内容详细讲述了如何设计这样一个系统，包括用户需求分析、权限表设计以及数据库查询技术。 首先，用户需求通常包含以下几个方面： 1. **动态配置用户和角色**：系统需支持用户和角色的灵活创建和修改，满足...
通过本篇内容，读者可以了解到如何使用`dtree`来创建一个具备基本功能的右键菜单，并对代码中的各个部分进行详细解释。 #### 二、代码结构解析 在提供的代码片段中，我们首先定义了一个名为`myMenuItems`的数组，...
这篇文章主要介绍了一个超轻量级的基于jQuery的三级展开列表的实现方法，旨在解决在公司通用管理后台中，对于左右框架结构中左侧导航菜单的二级或三级展开需求。作者发现传统解决方案如dTree在样式控制和动态数据...