在struts里的实现dtree通用树型结构

本文介绍在Struts里实现dtree通用树型结构的方法。先需下载dtree.js、dree.css及相关图片,说明了树的主要字段含义,展示了树的组成文件,通过在action里组装结点集合,配合迭代标签可实现动态树生成,还提及了打开或关闭结点的调用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-2141342037947367&dt=1104286153835&lmt=1104286153&format=125x125_as&output=html&channel=3662469727&url=http%3A%2F%2Fwww.javaresearch.org%2Farticle%2Fshowarticle.jsp%3Fcolumn%3D106%26thread%3D20385&color_bg=FFFFFF&color_text=333333&color_link=000000&color_url=666666&color_border=CCCCCC&ref=http%3A%2F%2Fwww.javaresearch.org%2Findex.jsp&u_h=768&u_w=1024&u_ah=740&u_aw=1024&u_cd=32&u_tz=480&u_java=true" frameborder="0" width="125" scrolling="no" height="125" allowtransparency="65535">

/******************************************************************************
 * 标题:在struts里的实现dtree通用树型结构
 * 作者:蔡毅(caiyi0903@hotmail.com)
 * 时间:2004年12月27日
 * 备注:转贴请保留这段,谢谢!
 *****************************************************************************/

在这里简单介绍一下该树型结构的做法:
1 下载dtree.js文件和dree.css样式表文件以及一些树相关的图片。这里提供附件给大家下载

2 我们看看树的主要字段:

ID:主键
PID:父类ID
NAME:结点名称
URL:结点连接的URL
TITLE:类似ALT的一种结点显示内容
TARGET:连接打开的目标
ICON:图片文件,没有指定将使用默认的图片
ICONOPEN:打开结点后的图片文件,没有指定将使用默认的图片
OPEN:boolean类型,结点是否打开。
上面是用来显示的每个字段的含义,大家应该能看出其通用性了。

3 下面来看看树的组成文件:

<div class="dtree">
<%--接收从Action里传过来的集合,这个集合是封装了上面的一些属性--%>
<logic:present name="treeCol">
<script type="text/javascript">
  d = new dTree('d');
<logic:iterate id="treeList" name="treeCol">
<%--配合struts标签来添加树的结点--%>
        d.add(<bean:write name="treeList" property="id"/>,<bean:write name="treeList" property="superId"/>,'<bean:write name="treeList" property="name"/>','http://www.urlHere.com','','mainFrame','','');
</logic:iterate>
<%--在页面生成树结构--%>
  document.write(d);
</logic:present>
</script>
</div>
<%----%>

只需要在action里组装需要显示的结点集合,配合迭代标签和即可实现动态树的生成了。。
另外,调用d.openAll();可以打开所有结点。
调用d.closeAll();可以关闭所有结点。
调用d.openTo(id);可以打开指定ID的结点

大家有什么疑问可以在评论中说明!!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值