dTree是一个易于使用的JavaScript树形菜单控件。支持无限分级,可以在同一个页面中放置多个dTree,可以为每个节点指定不同的图标。
添加一个树节点,
实际参数有9个add(id,pid,name,url,title,target,icon,iconOpen,open);
位置
|
参数别名
|
类型
|
功能
|
1
|
id
|
int
|
节点自身的id(唯一)
|
2
|
pid
|
int
|
节点的父节点id
|
3
|
name
|
string
|
节点显示在页面上的名称
|
4
|
url
|
string
|
节点的链接地址
|
5
|
title
|
string
|
鼠标放在节点上显示的提示信息
|
6
|
target
|
string
|
节点链接所打开的目标frame
|
7
|
icon
|
string
|
节点关闭状态时显示的图标
|
8
|
iconOpen
|
string
|
节点打开状态时显示的图标
|
9
|
open
|
bool
|
节点第一次加载是否打开
|
注:dtree.js文件中约87-113行是一些默认图片的
路径,可以自己配置图片和路径。
openAll()
打开全部节点,可在树对象创建前或创建后调用
closeAll()
关闭全部节点,可在树对象创建前或创建后调用
openTo(id,select)
打开指定id的节点,可以传两个参数:
id 指定需要打开的节点的唯一id
select 是否让该节点处于选中状态
config配置
变量
|
类型
|
默认值
|
描述
|
target
|
string
|
所有节点的target
| |
folderLinks
|
bool
|
true
|
文件夹可被链接
|
useSelection
|
bool
|
true
|
节点可被选择高亮
|
useCookies
|
bool
|
true
|
树可以使用cookie记住状态
|
useLines
|
bool
|
true
|
创建带结构连接线的树
|
useIcons
|
bool
|
true
|
创建带有图表的树
|
useStatusText
|
bool
|
false
|
用节点名替代显示在状态栏的节点url
|
closeSameLevel
|
bool
|
false
|
同级节点只允许一个节点处于打开状态
|
inOrder
|
bool
|
false
|
加速父节点树的显示
|
【例】tree.config.closeSameLevel=true;表示打开某级节点时,该级其他处于打开状态的同级节点会被关闭。
具体配置功能请参照官网实例。
文章来源:http://www.open-open.com/ajax/ajax20080721113203.htm