解压缩dtree.zip 包。
dtree目录下包括这些文件:example01.html 、 dtree.js 、 api.html 、 dtree.css 和img目录
注意:除了api.html之外,其它的文件都是必须拷贝的。api.html是dtree的函数介绍。
打开example01.html文件
<link rel="StyleSheet" href="css/dtree.css" type="text/css" />
<script type="text/javascript" src="js/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(0,-1,’My example tree’);
这一句为树添加了一个根节点,显示名称为’My example tree’ d.add(1,0,’Node 1’,’example01.html’);
这一句在树的根节点下面添加了一个子节点。(d.add()方法的参数具体含义可参见api.html文件)
常用的:
第一个参数,表示当前节点的ID
第二个参数,表示当前节点的父节点的ID,根节点的值为 -1
第三个参数,节点要显示的文字
第四个参数,节点的Url
第五个参数,鼠标移至该节点时节点的Title
第六个参数,节点的target
第七个参数,用做节点的图标,节点没有指定图标时使用默认值
第八个参数,用做节点打开的图标,节点没有指定图标时使用默认值
第九个参数,判断节点是否打开
使用实例大家可参照 www.amyou.cn 的树型菜单
附 rlog翻译:
属性菜单使用说明
函数
add()
向树里添加一个节点
只能在树被创建之前调用.
必须 id, pid, name
参数
名字 类型 描述
id Number 唯一的ID号
pid Number 判定父节点的数字,根节点的值为 -1
name String 节点的文本标签
url String 节点的Url
title String 节点的Title
target String 节点的target
icon String 用做节点的图标,节点没有指定图标时使用默认值
iconOpen String 用做节点打开的图标,节点没有指定图标时使用默认值
open Boolean 判断节点是否打开
例子
mytree.add(1, 0, ’My node’, ’node.html’, ’node title’, ’mainframe’, ’img/musicfolder.gif’);
openAll()
打开所有节点
可在树被创建以前或以后调用.
例子
mytree.openAll();
closeAll()
关闭所有节点
可在树被创建以前或以后调用.
例子
mytree.closeAll();
openTo()
Opens the tree to a certain node and can also select the node.
只能在树被创建以后调用..
参数
名字 类型 描述
id Number 节点唯一的ID号
select Boolean 判断节点是否被选择
例子
mytree.openTo(4, true);
配置
变量 类型 默认值 描述
target String true 所有节点的target
folderLinks Boolean true 文件夹可链接
useSelection Boolean true 节点可被选择(高亮)
useCookies Boolean true 树可以使用cookies记住状态
useLines Boolean true 创建带线的树
useIcons Boolean true 创建带有图标的树
useStatusText Boolean false 用节点名替代显示在状态栏的节点url
closeSameLevel Boolean false 只有一个有父级的节点可以被展开,当这个函数可用时openAll() 和 closeAll() 函数将不可用
inOrder Boolean false 如果父级节点总是添加在子级节点之前,使用这个参数可以加速菜单显示.
例子
mytree.config.target = "mytarget";
分享到:
相关推荐
dtree用法带右键菜单,带复选框
DTree用法.pptDTree用法.pptDTree用法.pptDTree用法.pptDTree用法.pptDTree用法.pptDTree用法.pptDTree用法.pptDTree用法.ppt
轻量级js tree的使用, 详细的内容请看文档 详细的内容请看文档
树的展现有很多中 这里是dtree类库,展现tree,
Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-Dtree的用法-
dtree 的使用在页面中显示 树状结构图
在dtree的基础上改的带有复选框,还不错,返回各个节点的编码~
知道dTree吗?
一个简单的文档,里面记录了dtree的使用方法
学习intraweb调用dtree.js的例程!
1. 从网上下载dtree控件。 2. 在Jbuilder中新建Web应用,命名为TreeLearing。 3. 解压缩dtree.rar包。 把dtree目录拷贝至TreeLearing应用中。 dtree目录下包括这些文件:example01.html 、 dtree.js 、 api.html 、 ...
这段时间公司要做一个树,我在网上查了很多关于树的资料,最后选择...修改,删除了,因为是用在公司里的项目里,所以不能把整个项目传上去,值上传dtree,其实主要还是dtree.prototype.o()这个方法最关键。供大家参考。
<br>启用动态加载的方法是dtree.config.stepDepth = N;N为自然数,表示每次加载的层级。 <br>您可能对我的另外一个树形控件也感兴趣: http://download.csdn.net/source/316897<br><br>声明:dtree控件的...
带ACCESS,asp的JS树形dtree,
Java读取xml文件生成树,以及简单的dtree的用法,希望对大家有用
我找的最全的DTREE动态树的例子和文档说明。欢迎下载
dtree 修改 AJAX动态载入 简单的测试环境,不需要复杂的其他东西和...注释在 dtree.js 中的 dTree.prototype.o 方法里面。 修改了 dTree.prototype.o方法,小修改,把整块去了跟原来的一模一样。 没有大的改动。
js 和 ssh框架实现的树,可以学习ssh框架整合 和 DTree 的用法,带数据库脚本(mysql)
3、添加css文件自动加载方法,使用时只需在head区引用dtree-ck.compress.js。 4、添加获取选中节点、名称、值、数量的方法 getSelectedNodes(): getSelectedNodes()['nodes']:获取选中节点,dTree节点对象数组 ...
dtree树控件的资料和使用方法,一看就会!