项目中的应用,用网上的dTree实现的一棵目录树,效果图如下,所需引入的文件都可在网上找到,dTree实现无限级树,感觉效果非常漂亮。
jsp页面代码:
<%@ page contentType="text/html;charset=GBK" %>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>目录树</title>
<link href="tree.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body >
<div width="100%">
<script type="text/javascript">
var d = new dTree('d');
d.config.showInvalid = true;
d.config.filter = true;
d.config.target = "contentFrame";
d.config.closeSameLevel = false;
d.config.useStatusText = true;
d.add('0', '-1', '世界在我心中', '#', '世界在我心中', null, null, null, false, false, false, true, false);
d.add('1', '0', '美国', '#', '美国', null, null, false, false, false, true, false);
d.add('11', '1', '洛杉矶', '#', '洛杉矶', null, null, false, false, false, true, false);
d.add('12', '1', '纽约', '#', '纽约', null, null, false, false, false, true, false);
d.add('2', '0', '中国', '#', '中国', null, null, false, false, false, true, false);
d.add('21', '2', '广东省', '#', '广东省', null, null, false, false, false, true, false);
d.add('211', '21', '广州市', '#', '广州市', null, null, false, false, false, true, false);
d.add('2111', '211', '天河区', '#', '天河区', null, null, null, false, false, false, true, false);
d.add('21111', '2111', '猎德', '#', '猎德', null, null, null, false, false, false, true, false);
d.add('21112', '2111', '员村', '#', '员村', null, null, null, false, false, false, true, false);
d.add('2112', '211', '白云区', '#', '白云区', null, null, null, false, false, false, true, false);
d.add('2113', '211', '越秀区', '#', '越秀区', null, null, null, false, false, false, true, false);
d.add('212', '21', '深圳市', '#', '深圳市', null, null, false, false, false, true, false);
d.add('2121', '212', '南山区', '#', '南山区',null, null, null, false, false, false, true, false);
d.add('2122', '212', '福田区', '#', '福田区',null, null, null, false, false, false, true, false);
d.add('22', '2', '浙江省', '#', '浙江省', null, null, false, false, false, true, false);
d.add('221', '22', '南京市', '#', '南京市', null, null, false, false, false, true, false);
d.add('2211', '221', '某区', '#', '某区', null, null, null, false, false, false, true, false);
d.add('222', '22', '杭州市', '#', '杭州市', null, null, false, false, false, true, false);
d.add('23', '2', '湖南省', '#', '湖南省', null, null, false, false, false, true, false);
d.closeAll();
//############生成树################
document.write(d);
//############生成树################
</script>
</div>
</body></html>
或者可以参考这位仁兄的文章
http://www.cnblogs.com/liuweijing/articles/908012.html
- 大小: 10.9 KB
分享到:
相关推荐
jsp使用Dtree实现树菜菜单的例子,一个利用现存的JavaScript代码配合struts构成一个树型菜单的例子。 树型菜单的节点保存在数据库表中,通过数据访问对象将其从数据库中查出后放在一个集合对象中,并将该集合对象...
dtree实现的树支持多选,dtree实现的树,jsp树,js树
用dtree插件实现树形控件
本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 数据库连接采用简单的类实现 数据位MySQL(5.0.21),数据库创建脚本为dtree.sql 菜单既有普通的树结构展示,也有...
js实现树形结构js实现树形结构js实现树形结构js实现树形结构js实现树形结构
在ssh框架中用dtree.js 实现树形浏览
dtree树dtree树dtree树dtree树
本节主要介绍用dtree来实现树形的菜单,需要的朋友可以参考下。
DTree动态展示树形菜单.rar ...本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 数据库连接采用简单的类实现 数据位MySQL(5.0.21),数据库创建脚本为dtree.sql
用dtree实现树状菜单的例子,可以动态添加子模块,可以用来实现区划树
自己写的select树的小例子,,树目录是用dtree实现的,,select标签是用div模拟的,,大家在document.getElementById("divSel").style.height = count + "px";加上"px",可以支持火狐,因为火狐语法很严格,,,想和大家分享练...
dtree树形结构和连接数据库 本文档主要是在JSP中实现Dtree树形结构实现动态获取数据库中的数据生成动态树的方法。有具体的代码实现。
本人这段时间正巧要做一个省市县的树状结构图,公司之前用的dtree实现起来效率太低,半天打不开页面,于是考虑用jquery动态加载,通过网上查资料,学习别人的列子,现将本人所整理的树状结构实例上传。测试数据库为...
js 和 ssh框架实现的树,可以学习ssh框架整合 和 DTree 的用法,带数据库脚本(mysql)
用于目录树的生成,是一个目录树加载的例子框架,可以查看目录树 ,值得学习借鉴dtree
多选菜单树Dtree
dtree树形菜单的实现
jquery dtree 实例 无限树形菜单 实现增删改查
spring+struts2+hibernate+json+dtree+mysql实现的无限级联树含JAE包