用dTree实现树

最新推荐文章于 2021-12-30 23:30:34 发布

iteye_16651

最新推荐文章于 2021-12-30 23:30:34 发布

阅读量111

点赞数

分类专栏：插件应用文章标签： Struts HTML JSP

本文链接：https://blog.csdn.net/iteye_16651/article/details/81819150

版权

插件应用专栏收录该内容

2 篇文章 0 订阅

订阅专栏

项目中的应用，用网上的dTree实现的一棵目录树，效果图如下，所需引入的文件都可在网上找到，dTree实现无限级树，感觉效果非常漂亮。

[img]http://dl.iteye.com/upload/attachment/195682/242c8d05-6e1e-3c95-b592-45da8523b3fa.jpg[/img]

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>

或者可以参考这位仁兄的文章
[u]http://www.cnblogs.com/liuweijing/articles/908012.html[/u]

iteye_16651

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用dTree实现树

项目中的应用，用网上的dTree实现的一棵目录树，效果图如下，所需引入的文件都可在网上找到，dTree实现无限级树，感觉效果非常漂亮。[img]http://dl.iteye.com/upload/attachment/195682/242c8d05-6e1e-3c95-b592-45da8523b3fa.jpg[/img]jsp页面代码：[code="html"]...
复制链接

扫一扫