dtree动态树+Javascript右键菜单（一）
1、从网上下载dtree控件。（好多地方都有的哦：P）
2、在Jbuilder中新建Web应用，命名为TreeLearing
3、解压缩dtree.rar包。
把dtree目录拷贝至TreeLearing应用中。
dtree目录下包括这些文件：example01.html 、 dtree.js 、 api.html 、 dtree.css 和img目录
注意：除了api.html之外，其它的文件都是必须拷贝的。只有这个api.html是对dtree控件的函数介绍。
4、复制example01.html，并把粘贴后的文件重命名为Tree.jsp
：） （保留原来的文件，以备参考是个好习惯哦~~）
注意dtree目录下的文件结构不要改变，否则树就不会正常显示
5、在Web应用中指定首页为Tree.jsp页面。
6、Tree.jsp中的代码如下：
<!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>
</body>
</html>
7、删除紫红色部分的代码，因为不需要哦。
8、注意看绿色和蓝色部分的代码，这才是真正为树添加节点的部分。
d.add(0,-1,'My example tree');
这一句为树添加了一个根节点，显示名称为'My example tree'
d.add(1,0,'Node 1','example01.html');
这一句在树的根节点下面添加了一个子节点。（d.add（）方法的参数具体含义可参见api.html文件）
常用的：
第一个参数，表示当前节点的ID
第二个参数，表示当前节点的父节点的ID
第三个参数，节点要显示的文字
第四个参数，点击该节点的超链接（注意也可以是某个servlet或是struts应用中的某个.do请求）
第五个参数，鼠标移至该节点时显示的文字
第六个参数，指定点击该节点时在哪个桢中打开超链接
……
9、运行应用程序。可以看到一棵漂亮的树。
原贴地址http://blog.sina.com.cn/u/4ae9618f010006y3
分享到：
相关推荐
这个压缩包文件包含了学习dTree所需的各种资源，包括源码、帮助文档、JavaScript文件以及用例，是深入理解和实践dTree的理想材料。 首先，让我们来了解一下dTree的基本概念。dTree是一款轻量级的JavaScript库，主要...
通过学习和应用`dtree.css`、`dtree.js`及提供的API，开发者能够创建出功能丰富的、视觉上吸引人的树形导航系统。同时，对JSP和HTML的熟练掌握将有助于在服务器端和客户端之间建立顺畅的数据通信，提升整个应用的...
### dtree 例子 学习笔记 在深入探讨dtree的使用之前，我们先来了解一下dtree的基本概念。dtree，或称为决策树，在计算机科学领域通常指的是用于数据挖掘、机器学习的一种方法，通过一系列判断条件对数据进行分类。...
【标签】: "dtree.zip" 的标签没有提供具体信息，但根据文件名可以推测，这可能与数据科学、机器学习或者Web开发有关，特别是涉及决策树算法的可视化展示。 【压缩包子文件的文件详解】: 1. **dtree.css** - 这是...
通过这个小demo，我们可以学习到如何结合JSON和DTREE控件，以及如何利用JavaScript实现定时刷新功能，这对于开发需要实时数据展示的Web应用非常有用。这个过程不仅涵盖了前端数据处理和交互，还涉及到了服务器通信和...
2. **API使用**：学习如何使用特定编程语言中的DTree控件API，包括创建、添加、删除、修改节点的方法。 3. **事件处理**：掌握节点点击、展开、折叠等事件的监听和处理，实现交互功能。 4. **数据绑定**：学习如何将...
"dtree树 struts1+hibernate+dtree"这个项目标题提及了三个关键组件：dtree、Struts1和Hibernate。下面将详细解释这三个技术以及它们在Web开发中的应用。 首先，dtree（通常指的是JTreeWidget或类似的树形控件）是...
通过学习API，开发者可以深入理解Dtree的工作原理并进行高级定制。 3. **example01.html**: 这是一个示例文件，演示了Dtree的基本用法。它通常会包含HTML代码和内联JavaScript，展示如何在网页中嵌入和配置Dtree...
通过查看这个例子，你可以学习到如何在HTML中引入dTree.js和dtree.css，如何创建树的数据结构，以及如何调用API来构建和操作树。例如，它可能包含一个JSON对象表示树的数据，然后使用JavaScript代码将这个对象转换为...
通过查看这个例子，开发者可以直观地看到DTree在实际应用中的效果，同时也可以从中学习到如何在HTML页面中引入DTree库，并配置相应的JavaScript代码来生成和操作树形结构。 `dtree.js`是DTree的核心JavaScript文件...
【DTREE】是一种数据结构和算法，主要用于组织和表示具有层次关系的数据。在计算机科学中，决策树（Decision Tree）通常被用作机器学习的一种模型，用于分类和回归分析。而这里的"dtree"可能指的是JavaScript中的一...
在`DTreeTest`文件中，可能包含了完整的dtree示例代码和服务器端处理脚本，供开发者参考和学习。 综上所述，dtree与Ajax结合实现异步加载树，是Web应用中一种高效且灵活的数据呈现方式。理解其原理和实现方法，有助...
**DTree控件详解** DTree控件是一种在Web应用中常见的用于展示层次结构数据的控件，通常用于构建树状目录...通过学习提供的实例，我们可以掌握如何在实际项目中运用DTree，提升用户体验，同时优化数据管理和交互流程。
学习`dtree`时，首先理解决策树的基本概念和工作原理至关重要。然后，通过阅读源码了解其内部实现，动手实践创建简单的决策树，并逐步熟悉各种API。结合图片资源，可以设计出具有吸引力的交互式决策树。 总结，`...
在信息技术领域，决策树（Decision Tree，简称dtree）是一种广泛应用的数据挖掘和机器学习算法。它通过构建一种树形结构来模拟一系列的决策过程，每个内部节点代表一个特征，每个分支代表一个特征值，而每个叶节点则...
Dtree，全称为决策树（Decision Tree），是一种广泛应用的数据挖掘与机器学习算法。它通过创建树状模型来实现对数据的分类或回归分析。在Dtree中，每个内部节点代表一个特征，每个分支代表一个特征值，而每个叶节点...
在IT领域，构建用户界面时，树形目录是一种常见的数据结构，用于展示层次关系的数据，例如文件系统或网站导航。`dtree` 是一个轻量级...通过学习和使用`dtree`，你可以快速地为网页增加动态的、交互式的树形目录功能。
通过分析这些文件，我们可以学习如何在项目中集成和使用dTree，包括但不限于如何导入库、如何创建基本的树结构、如何添加节点、如何处理用户交互等。 总之，dTree是一个强大的JavaScript工具，尤其适用于构建具有复...
标题 "Dtree+Jquery 资料" 暗示了这个压缩包可能包含关于...总之，这个压缩包“Dtree+Jquery 资料”将为开发者提供一个学习如何使用DTree和jQuery创建交互式树形视图的平台，涵盖了从基本使用到高级特性的全方位教程。
### dtree教程详解 在IT领域，特别是在前端开发中，构建直观、易用的界面是提升用户体验的关键之一。其中，树形控件(Tree Component)因...以上就是关于`dtree`教程的详细介绍，希望对学习和使用该库的开发者有所帮助。