用dTree实现树

diqizhan

浏览: 147835 次
性别:
来自: 广州

最近访客更多访客>>

kingkwj

单纯De孩纸---yuan

anglebeat

caokuang_0

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

插件应用

Struts HTML JSP

项目中的应用，用网上的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