下面是dtree的下载地址
http://destroydrop.com/javascripts/tree/
首先看看dtree在静态页面中的效果
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
document.write(d);
//-->
</script>
</div>
以下是效果图
d.add()函数中,各参数的含义依次为,当前节点id,父节点id,节点文本内容,节点的url地址,节点标题,节点url地址的打开方式,节点图标,节点打开状态时的图标,节点开启状态。设置前4项参数基本就够用了。
那么dtree结合jstl如何使用,首先我们需要类似于d.add()方法中参数的数据库表,那么需要改动的仅仅是jsp页面的
一点点内容。
首先我们需要dtree的样式文件以及js脚本,其次是dtree的图片,以下是具体代码。
<div class="dtree">
<script type="text/javascript">
d = new dTree('d');
<c:forEach var="class" items="${tblBClasss}">
d.add(${class.id},${class.parentid},"${class.classname}","${class.href}");
</c:forEach>
document.write(d);
</script>
</div>
当然这里我们也可以使用el表达式,同样可以达到效果。
以下是使用jstl例子的具体效果
这里注意的一点是,dtree的图片最好单独存放,而不要放入项目的图片文件夹,否则有可能会导致节点错位
- 大小: 6.5 KB
- 大小: 16.2 KB
分享到:
相关推荐
基于Java+JSP树型菜单 DTree源码文件
JS组件dtree轻松实现树型菜单:详细介绍应用dtree构建一个JavaScript树型菜单
dtree+ajax异步加载树,请按照自己的需求修改
spring+struts2+hibernate+json+dtree+mysql实现的无限级联树含JAE包
很辛苦再找到的dtree+鼠标右键很辛苦再找到的dtree+鼠标右键
由于项目需要,需要对DTree通过右键菜单进行增删查改,我根据网上的资料和自己的需求进行修改的,希望对大家有所帮助。
自己封装的三种树形结构,一种是原始dtree,第二种是dtree结合的jquery封装的右键dtree树,第三种修改的dtree源码复选框树形菜单,附件中都已经标注好了,欢迎大家使用。
ssh+dtree+juqery+json+mysql数据库 两个实例+ dtree包如果是其他数据库改个spring配置文件的数据源就行
dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。
基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree...
web开发,中超级简单的 树形节点+右键菜单效果 (之前在网上也查了很多资料,但是,不是特别理想,所以自己是实现了一个简单易懂的方法,供大家参考)
spring+struts2+hibernate+json+dtree+mysql实现的无限级联树 不含JAR包
jspTree 是用dtree+jsp做的
dtree+jquery 动态实现无限树形菜单 (包括增删改查) 好不容易,搞出来的,不容易啊
ssh+json+dtree+mysql实现N级动态树形菜单+增删改查 (里面包含两个项目 一个 静态的dtree效果 一个是动态的 如果你是其他数据库 改下配置文件即可 代码完整 绝对不坑 )
jsp+dtree+taglib自定义标签 动态生成树节点,jsp页面只需要用自定义的标签,我用的是的mysql数据库,并且提供了建立表的sql语句和插入数据的语句。
javascript树型菜单(Dtree和Xtree) dtree构建动态树型菜单
对于初级开发人员 做树是件很头疼的事情 介绍一个使用的方法 Dtree+Jquery动态生成树节点
无限级可刷新Js树型菜单 dTree 无限级可刷新Js树型菜单 dTree
NULL 博文链接:https://wdhdd889.iteye.com/blog/426531