dtree是一个由JavaScript编写成的简单的树形菜单组件
js特效,目前免费并且开源,dtree目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据,dTree可以不用添加任何页面而直接用代码实现多个栏目,并可以实现无限分级。
常用方法和配置
add(parameters)
添加一个树节点,实际参数有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
|
加速父节点树的显示
|
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
dtree 树形菜单 树控件