目前急着要实现一个jsp页面中实现目录树的功能,希望大家帮个忙
[问题点数:40分,结帖人xiawenbo2008]
|
楼主
发表于: 2010-07-03 10:50:59
项目是jsp+servlet的架构模式,要在jsp页面中实现一个目录树的功能
目录树要求: 1.可以点击'+'展开,可以点击'-'隐藏 2.可以右键点击进行新建、删除、重命名 3.可以与其他页面的导航按钮进行交互操作 希望大家给指导一个下,或者说是说一个学习的方向,就是我要学习哪些方面的东西才能实现 另外有一个问题:目录树中那个展开之后的竖线是图片还是java代码实现的啊
name="aswift_2" width="728" height="90" id="aswift_2" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" vspace="0" hspace="0" allowfullscreen="true" style="left: 0px; top: 0px; position: absolute;" allowtransparency="true">
|
|
#1 得分:0
回复于: 2010-07-03 11:11:46
那个图片是css+html+js实现的。
dtree这是开源项目 JQ有很多数插件 http://jamesblog.javaeye.com/blog/373718 自己用table或者div实现比较灵活 | |
|
#2 得分:0
回复于: 2010-07-03 11:13:07
用JS写,也可以网上下载一个
|
|
#3 得分:0
回复于: 2010-07-03 11:18:16
这个目录树写起来相当麻烦。
java的东西用的倒不是很多,主要用在权限处理上。 但是javascript以及DHTML的东西用的超级多,不是一般人能做得出来的。 我做过的项目目录树都是平台开发组做的,业务组直接拿来用。 你可以找下网上有没有现成的javascript控件,或者,用.NET设计好界面后把生成的HTML文件考出来再整理。 | |
|
#4 得分:0
回复于: 2010-07-03 12:23:37
http://topic.csdn.net/u/20100630/19/4cfd9062-cf54-483a-b54e-0f55efd75aba.html
另外在我的空间可以下载资源 只提供折叠... 你的其他操作可在此基础上完善 |
|
#5 得分:0
回复于: 2010-07-04 21:39:14
dHtmlTree建议你用这个去生成树,或者dTree也很好用,但是这个树的控件没有你说的右键新建删除的功能!
| |
|
#6 得分:0
回复于: 2010-07-05 08:13:22
js树本身相对复杂
最好用已经实现了的 | |
|
#7 得分:40
回复于: 2010-07-05 09:46:12
<%@ page language="java" pageEncoding="gb2312"%>
< %@ page contentType="text/html;charset=gb2312"%> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html> < head><title> 主菜单 </title> < style> td{font-size:12px} div{font-family:宋体} div.tree_add{background:url(treeline_2.gif) no-repeat left;padding-left:24px;padding-top:3px;color:blue;cursor:hand} div.tree_1{background:url(ico_top1.gif) no-repeat left middle;padding-top:3px;font-size:15px;padding-left:20px;cursor:hand;color:blue} div.tree_2{padding-left:100px;background:url(treeline_1.gif) 100px repeat-y;font-size:14px} div.tree_3{background:url(treeline_2.gif) no-repeat left;padding-left:24px;padding-top:3px} < /style> < script> < !-- function line(obj)//添加下划线 { obj.style.textDecoration='underline'; } function delline(obj)//取消下划线 { obj.style.textDecoration='none'; } function showtree(str)//展开|关闭子分支 { var eval1="span_"+str+".innerHTML=span_"+str+".innerHTML=='+'?'-':'+'"; var eval2=str+"_value.style.display="+str+"_value.style.display=='none'?'':'none'"; eval(eval1); eval(eval2); } --> < /script> </head> < body> < div style=" height:550;overflow-x:auto;overflow-y:auto;"> < table valign="top"> < tr valign="top"> <td valign="top" style="height:25px; background-color:#E4F5CF; font-size:larger"> <strong>功能菜单</strong> </td> < /tr> < tr> < td><!-- οnmοuseοver="line(this)" --> < div class=tree_1 onMouseOut="delline(this)" onClick="showtree('directly')"><span id=span_directly style="color:gray">+</span>XXX </div> < div id=directly_value class=tree_2 style="display:none;"> < div class=tree_3 ><a href=""> 订单录入</a></div> < div class=tree_3 ><a href="">定单查询</a></div> < /div> < /td> < /tr></table> < /div> < /body> < /html> 这是我以前做的JSP树形结构,自己改改 应该可以 |
|
#8 得分:0
回复于: 2010-07-05 10:32:26
http://www.teta.com.cn/teta/common/images/MzTreeView10/MzTreeView10.htm
MzTreeView 1.0 树形控件 Demo 这个树的节点有1000多个 但速度很快 使用: 1.下载控件,MzTreeView10 2.把MzTreeView10整个目录放置在web工程下(图片,js) 3.在后台建一个 java类(生成字符串返回给前台) 格式如下: tree.nodes["408_1239"]=" text:显示文本; data:id=自己的ID;URL=转向的URl method:alert('');"; !注意分号和 “”号也都要,自己写方法取得数据库要生存树的表所有记录,然后拼凑,一条记录生成一个这样的节点字符串给JS解析 tree是可以指定的树的名称 408 是数据库的父节点id 1239 是自己的id text 是显示在页面的节点名称 data 跟URL 配和,当点击转向另外地址是 后面自动带参数id=自己的ID;如url.jsp?id=5; mehod 点击后触发的js方法,可自定义执行 默认解析根节点为0(数据库要设置)
| |||||

解答如何在jsp页面中实现目录树功能,包括点击展开与隐藏、右键操作及与其他页面交互,提供代码示例与开源项目推荐。
收藏

1737

被折叠的 条评论
为什么被折叠?



