JSP网页中中那种目录树是怎么实现的?

不需要代码,希望能够用语言组织,大家帮帮忙!

用dtree很方便,我最近也是做这种目录树

JS创建
var tree = new dTree('tree');
tree.add(10,0,'空间信息管理','goto(10)','','_c');
tree.add(11,10,'翠苑1区','goto(2)','单击查看该群组的信息','k');
tree.add(12,10,'翠苑2区','goto(2)','单击查看该群组的信息','FRAME_LIST');
tree.add(13,12,'第1栋','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(19,13,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(14,19,'第1层','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(15,14,'1号房','goto(1)','单击查看该群组的信息','FRAME_LIST');
tree.add(17,11,'第1栋','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(18,11,'第2栋','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(20,17,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(21,17,'第2单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(22,18,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(23,18,'第2单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(16,10,'嘉绿名苑','goto(2)','单击查看该群组的信息','FRAME_LIST');

然后在需要的位置这样调用<script type="text/javascript">document.write(tree);</script>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-09-15
用dtree很方便,我最近也是做这种目录树
JS创建
var
tree
=
new
dTree('tree');
tree.add(10,0,'空间信息管理','goto(10)','','_c');
tree.add(11,10,'翠苑1区','goto(2)','单击查看该群组的信息','k');
tree.add(12,10,'翠苑2区','goto(2)','单击查看该群组的信息','FRAME_LIST');
tree.add(13,12,'第1栋','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(19,13,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(14,19,'第1层','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(15,14,'1号房','goto(1)','单击查看该群组的信息','FRAME_LIST');
tree.add(17,11,'第1栋','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(18,11,'第2栋','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(20,17,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(21,17,'第2单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(22,18,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(23,18,'第2单元','goto(3)','单击查看该群组的信息','FRAME_LIST');
tree.add(16,10,'嘉绿名苑','goto(2)','单击查看该群组的信息','FRAME_LIST');
然后在需要的位置这样调用<script
type="text/javascript">document.write(tree);</script>
第2个回答  2008-06-13
去下个dtree或者xtree,里面有示例。
dtree也可以是动态的,dtree本身只是一个展示的控件而已,给它add静态的值她就展示静态的数据,如果你动态的给他add值,那么它就能展示动态的值.
比如在jsp中:
<%
//--------获得所有部门结构,此处的数据必须是带有树状结构。如:id,pid,name
List lstDept=DpetBean.getAll();
%>

------------用dtree输出:

<script type="text/javascript">
d = new dTree('d');
<%
for(int i=0;i<lstDept.size();i++){
Dept dept=(Dept)lstDept.get(i);
%>
d.add(<%=dept.getId()%>,<%=dept.getPid()%>,'<%=dept.getName()%>','','','mainFrame');
<%}%>
document.write(d);

-----注:'mainFrame'是在哪个frame 里面显示.
这样dtree展示的数据就是从数据库里面取出来的。
第3个回答  2008-06-13
这种树一般都是动态的楼上的这种静态的(太简单)很少有人用!!项目中基本没有!!!!
楼主如果真的要了解就首先必须弄明白存储过程,动态树的形成主要是存储过程,网上有很多例子可以查!!