dTree目录树的总结
一:函数
1:页面中
tree.add(id,pid,name,url,title,target,icon,iconOpen,open);
参数说明:
id :节点自身的id
pid :节点的父节点的id
name :节点显示在页面上的名称
url :节点的链接地址
title :鼠标放在节点上所出现的提示信息
target :节点链接所打开的目标frame(如框架目标mainFrame,_blank,_self 类)
icon :节点关闭时的显示图片的路径
iconOpen:节点打开时的显示图片的路径
open :布尔型,节点是否打开(默认为false)
注:open项:顶级节点一般采用true,即pid是-1的节点
2:dtree.js文件中
约87-113行是一些默认图片的路径,注意要指对。
二:页面中的书写
1:默认值的书写规则(从左至右,依次省略)
即 tree.add(id,pid,name,url);后面5个参数可以省略
2:有间隔时的默认值(如存在第6个参数,但第5个参数想用默认值)
即 tree.add(id,pid,name,url,"",target);必须这样写
3:样式表
(1):可以将dtree.css中的样式附加到你的应用中的主css中,如a.css
(2):也可以同时引用dtree.css与a.css两个文件,但前提条件是两个css文件中不能有重复的样式
显示效果图:
生成树 节点的代码:
<link rel="StyleSheet" href="<%=basePath%>/include/css/dtree.css" type="text/css" />
<script type="text/javascript" src="<%=basePath%>/include/scripts/dtree.js"></script>
<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>
上面代码效果:
说明:这是静态的代码,动态的可用循环加入 d.add(id,pid,name,url,"","","","",true);
for(int i=0;i<list.size();i++){
d.add(id,pid,name,url,"","","","",true);
}
document.write(d);
分享到:
相关推荐
基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree.zip 基于java的开发源码-JSP树型菜单 DTree...
无限级可刷新Js树型菜单 dTree 无限级可刷新Js树型菜单 dTree
网上搜集的dtree、xtree和jquery-treeview构建树型菜单,供大家参考
IFrame框架收缩与JS的DTree树型菜单 本实例Demo实现IFrame框架结构的左右上下收缩,左侧采用了DTree树结构菜单。 --------------------------------------------- This is top! ----------------------------------...
JS组件dtree轻松实现树型菜单:详细介绍应用dtree构建一个JavaScript树型菜单
基于Java的源码-JSP树型菜单 DTree.zip
无限级可刷新Js树型菜单 dTree,功能比较强大,值得参考。
基于Java的实例源码-JSP树型菜单 DTree.zip
基于Java的实例开发源码-JSP树型菜单 DTree.zip
JSP树型菜单 DTree.zip
JSP树型菜单 DTree源代码
JAVAscript带CHECKBOX树型菜单
JSP树型菜单 DTree.java源码学习
基于Java+JSP树型菜单 DTree源码文件
基于java的JSP树型菜单 DTree.zip
java源码:JSP树型菜单 DTree.zip
NULL 博文链接:https://jeasony.iteye.com/blog/284708
javascript树型菜单(Dtree和Xtree) dtree构建动态树型菜单
dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。dtree 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。 ...
文章内容见tree.txt 博文链接:https://clarancepeng.iteye.com/blog/100111