jsp中dtree使用

1、网上下载:ttp://www.destroydrop.com/javascripts/tree/dtree.zip
2、dtree使用:

<link rel="StyleSheet" href="${pageContext.request.contextPath}/css/dtree.css" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dtree.js"></script>
<script type="text/javascript">
			//一共6个参数d.add(3,1,'Node 1.1','example01.html','','显示块的name值');
			//第一个代表就是着一个标签的序号(也可以说名字),
			//第二个参数代表的是这个标签的上一层是哪一个
			//第三个参数代表的是显示的内容
			//第四个参数表示要跳转页面
			//第五个不知道(用' ')
			//第六个代表的是这个页面在那一块显示(framaset的那一块写上name属性的名字就行)
			d = new dTree('d');
			d.add(0, -1, '系统菜单书');//-1就是根节点
			d.add(1, 0, '分类管理');
			d.add(2, 0, '商品管理');
			d.add(3, 2, '商品显示', '${pageContext.request.contextPath}/showAllProduct','','mainFrame');
			document.write(d);
		</script>

结果如下:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44061648/article/details/99702670