展示了使用JSTL标签、Oracle层次查询、dtree结合使用的方法。
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>
<%--菜单树显示--%>
<sql:query var="menuitems">
select ID,PID,name,url,tipinfo,target from MENU_TREE
start with PID=0 connect by prior ID=PID order siblings by ID
</sql:query>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>使用dtree呈现菜单树</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="tree">
<meta http-equiv="description" content="left tree">
<script type="text/javascript" src="wtree.js"></script>
<link rel="stylesheet" href="wtree.css" type="text/css" />
<style type="text/css">
body{
margin:0px;
scrollbar-face-color: #c4dbfa;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ecede8;
scrollbar-arrow-color: #45527c;
scrollbar-track-color: #f5f4ef;
scrollbar-darkshadow-color: #a0aace;
}
#leftbar, #treecontainer{
float:left;
}
#leftbar{
background-image:url("leftbar.gif");
background-repeat:no-repeat;
width:21px;
height:100%;
background-color:#0482c5;
}
#treecontainer{
background-image:url("tree_bk.jpg");
background-repeat:repeat-y;
width:179px;
height:100%;
overflow:auto;
border-width:0px 2px 0px 0px;
border-color:#c4dbfa;
border-style:solid;
}
</style>
</head>
<body>
<div id="leftbar"></div>
<div id="treecontainer">
<script type="text/javascript">
//var father = "";
var rootid=999999;
mytree = new dTree('mytree');
mytree.config.useCookies=false;
<c:forEach var="row" items="${menuitems.rows}">
mytree.add(${row.id},${row.pid}, "${row.name}","${row.url}","${row.tipinfo}","${row.target}");
</c:forEach>
document.write(mytree);
</script>
</div>
</body>
</html>
/***********本人原创，欢迎转载，转载请保留本人信息*************/
作者：wallimn 电邮：wallimn@sohu.com 时间：2009-02-28
博客：
http://wallimn.iteye.com
http://blog.csdn.net/wallimn
网络硬盘：http://wallimn.ys168.com
/***********文章发表请与本人联系，作者保留所有权利*************/
分享到：
相关推荐
### DTree源码注释及使用示例及性能建议 #### DTree介绍 DTree是一款JavaScript树形结构插件，由Geir Landrø开发，版本号为2.05，发布于destroydrop.com网站。该插件允许自由使用，但需保留版权信息。DTree的主要...
**dtree使用说明及示例演示** 在信息技术领域，决策树（Decision Tree，简称dtree）是一种广泛应用的数据挖掘和机器学习算法。它通过构建一种树形结构来模拟一系列的决策过程，每个内部节点代表一个特征，每个分支...
动态生成树.rar**：可能是一个包含更多dtree与jQuery结合使用示例的压缩文件，特别是动态生成树形结构的示例。 7. **plupload.rar** 和 **plupload_1_5_2.zip**：这两个文件与plupload有关，plupload是一个多浏览器...
`frameset`与`dtree`的结合是Web开发中一种经典的页面布局和交互技术，主要用于构建多窗口的页面结构和动态树形导航菜单。在本文中，我们将深入探讨这两个概念以及如何将它们整合在一起。 `frameset`是HTML中的一个...
### DTree的改进与使用经验 #### 概述 DTree是一种用于网页的树状结构插件，主要用于展示和管理具有层次关系的数据。其核心功能包括动态加载数据、支持多种节点状态显示（如展开、关闭）、自定义图标、以及丰富的...
在JSP（JavaServer Pages）中使用`dtree`，可以增强用户界面的交互性。下面将详细介绍如何在JSP中集成和使用`dtree`。 1. **dtree库的引入** 在使用`dtree`之前，首先需要在项目中引入相关的资源文件。这包括`...
6. **img**: 这个文件夹可能包含了Dtree使用的图标或者示例中的图片资源，比如展开/折叠箭头、节点图标等。这些图像资源与Dtree的视觉表现密切相关。 在使用Dtree时，首先需要在HTML页面中引入`dtree.js`和`dtree....
8. **交互性**：DTree可以与其他前端组件（如表单、按钮等）结合，提供更丰富的交互体验，比如点击节点后更新表格内容、弹出对话框等。 通过`UserTree.htm`和`DTree`文件，我们可以学习到DTree控件的实践应用，并...
当dtree与Ajax结合时，可以实现异步加载树节点，提升用户体验，减少页面加载时间。 ### dtree基础知识 1. **dtree基本结构**：dtree通过JSON数据格式来构建树形结构。每个节点包含`id`（唯一标识）、`text`（显示...
### dtree 使用详解：开发者的高效工具 #### 引言 在现代Web开发中，树状结构的展示和管理是常见的需求之一，特别是在构建复杂的菜单系统、文件浏览器或组织架构时。dtree作为一款功能强大的JavaScript库，为...
标签"jsp"表明这个dtree可能与JavaServer Pages（JSP）技术有结合，意味着在服务器端，开发者可能需要使用JSP来动态生成树形数据，然后通过JavaScript在客户端渲染。了解JSP的基本语法和生命周期对于将dtree整合进...
在这篇文章中，我们将深入探讨如何将Intraweb与dTree.js结合使用，以实现更加动态和用户友好的Web界面。 首先，Intraweb 是一款强大的开发框架，它允许Delphi程序员使用熟悉的VCL组件来构建Web应用程序。通过...
5. 示例数据：可能包括JSON或其他格式的数据文件，用于填充树形结构。 总的来说，这三种dtree实现都是为了满足不同需求的树形菜单设计。原始dtree提供基础功能，右键dtree增强了交互性，而复选框dtree则提供了多选...
DTree是一个轻量级的JavaScript树控件，它可以用来展示具有层级关系的数据，比如文件目录结构、组织架构图等。...在使用过程中，如果遇到问题，还可以参考官方提供的帮助文档和示例代码，来帮助理解DTree的具体用法。
标题中的"Dtree+Jquery 资料"指的是一个关于使用DTree与jQuery结合的开发资源集合。DTree通常是一个JavaScript实现的树形控件，它允许在网页中展示层次结构的数据，而jQuery是一个广泛使用的JavaScript库，简化了...
在JavaScript中，dtree通常结合其他库如jQuery或React进行使用。例如，如果使用React，可以将dtree作为一个自定义组件开发，利用React的state和props机制来管理树的状态和数据交互。 总之，dtree是构建树形用户界面...
在提供的文件列表中，`dtree-demo`可能是一个包含示例代码的文件或目录，用于演示如何使用layui dtree。而`dtree`可能是dtree的源码或资源文件。通过查看这些文件，你可以更深入地理解dtree的工作原理和实际应用。 ...
DTree与JQuery结合使用，能够方便地实现这一功能。DTree是一个基于JavaScript的树形插件，而JQuery是一个广泛使用的JavaScript库，两者结合可以简化前端开发工作，使树结构的创建更加高效和灵活。 首先，DTree的...
**dtree的使用** 在网页开发中，呈现数据的组织结构通常是一个挑战，尤其是在处理层级关系时。`dtree` 是一个用于展示树状结构的JavaScript库，它可以帮助开发者在页面上以图形化的方式展现多级关系数据。本文将...