本文主要是介绍dTree 简介信息,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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
这篇关于dTree 简介信息的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!