文档介绍：最强大的树型JS代码DTREE详解
讲解:何涛
简介
学会看官方网站
/javascripts/tree
从官方页面你就能知道:
Dtree是什么、它的特性、它的源代码、它的帮助文档以及它的版本历史等等
Dtre帮助文档
常用方法
add(parameters) 添加节点信息
Index
Name
Type
Discription
1
id
Number
当前节点的ID
2
preId
Number
当前节点的父节点ID,根节点的值为-1
3
name
String
当前节点要显示的文字
4
url
String
点击当前节点跳转到的URL
5
title
String
鼠标移至该节点时节点显示的标题提示
6
target
String
节点链接所打开的目标frame
7
icon
String
节点显示的图标,无设置则使用默认图标
8
iconOpen
String
打开该节点后显示的图标,无设置则使用默认图标
9
open
Boolean
指定当前节点是否打开
【例】(1, 0, 'My node', '', 'node title', 'mainframe', 'img/');
【注】-113行是一些默认图片的路径,可以自己配置图片
常用方法
openAll() 打开所有节点  可在树被创建以前或以后调用
【例】();
closeAll()   关闭所有节点   可在树被创建以前或以后调用 【例】();
oAll(bool) 打开或关闭所有节点
参数为true则打开所有节点,false则关闭所有节点
isOpen(id) 指定节点是否处于打开状态
如果处于打开状态则返回true,反之false
常用方法
openTo(parameters) 打开指定节点
可在树被创建以前或以后调用
o(index) 打开/关闭指定节点
如果节点处于关闭状态则打开,反之则关闭
openTo()方法体内调用的就是o()方法
Index
Name
Type
Description
1
id
Number
需要打开的节点的ID号
2
select
Boolean
判断节点是否被选择
【例】 (4, true);
OPENTO(ID)和O(ID)比较
方法名
相同点
缺点
优势
openTo(id)
都是打开某个节点
isOpen方法不能判断该节点是否打开
子节点打开的话,父节点也会相应打开
O(index)
除根节点外,其余id必须从1开始而且不能空缺,反正少用
1)能实现打开/关闭操作
2)ipOpen方法能判断该节点是否打开
分别用两种方法打开’MacBookPro系列’节点
openTo()直接打开
o()表面看起来没反应,只有点开“苹果”节点才能看到
用o(id)方法打开/关闭某节点
两个方法判断该节点是否打开
配置 CONFIG
变量
类型
默认值
描述
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
如果父级节点总是添加在子级节点之前,使用这个参数可以加速菜单显示
【例子】 = "mytarget";
配置干嘛用的?
其实配置就是在树初始化时对某些效果进行一些必要的设置,=false
意思就是所有节点不显示图片了;
了解配置和常用方法最快的方式
/javascripts/tree/example/
配置是可选的,点击按钮就能动态生成左边的数据,对照着代码和显示效果就知道各个