注意:
1.菜单之间的关系是通过id号来联系的。根节点默认为0,然后每一个节点都有属于自己的节点号,还拥有一个父节点号。
2.图片存放的位置,该演示工程的树所用到的图片都在webroot/img 文件夹下。如果放在别的文件夹下,需要修改dtree.js
文件中的图片文件路径。(总之是注意路径的正确性)
3.本演示树不保证是原创的dtree树代码,有可能是被很多人改过了,请各位使用时仔细调试,如需扩展功能可自己修改。
附带适用说明(网上转之):
1.d.add(0,-1,'<%="我的菜单"%>','','','');
这一句为树添加了一个根节点,显示名称为’我的菜单’
2.d.add(1,0,’Node 1’,’example01.html’);
这一句在树的根节点下面添加了一个子节点。(d.add()方法的参数简述)
常用的:
第一个参数,表示当前节点的ID
第二个参数,表示当前节点的父节点的ID,根节点的值为 -1
第三个参数,节点要显示的文字
第四个参数,节点的Url
第五个参数,鼠标移至该节点时节点的Title
第六个参数,节点的target
第七个参数,用做节点的图标,节点没有指定图标时使用默认值
第八个参数,用做节点打开的图标,节点没有指定图标时使用默认值
第九个参数,判断节点是否打开
属性菜单简单使用说明
一、函数
1.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’);
2.openAll()
打开所有节点
可在树被创建以前或以后调用.
例子
mytree.openAll();
3.closeAll()
关闭所有节点
可在树被创建以前或以后调用.
例子
mytree.closeAll();
4.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 如果父级节点总是添加在子级节点之前,使用这个参数可以加速菜单显示.
dtree树形菜单的简单使用举例
5星 · 超过95%的资源 需积分: 9 6 浏览量
2011-02-16
16:53:24
上传
评论
收藏 13KB RAR 举报
Jinwen5290
- 粉丝: 348
- 资源: 7
最新资源
- 2022年各城市PM2.5, PM10, SO2, NO2等环境空气质量数据
- Golang:通过Gin框架+Redis+责任链,实现一个简单的钉钉机器人,进行消息处理 ps:多应用版
- 2021年各城市PM2.5, PM10, SO2, NO2等环境空气质量数据
- CORRUPT.navicat150-premium-cs-x64.exe
- centos7 ssh 升级至 9.6p1
- DriverMax Pro .exe
- PHP端通过modbus协议跟第三方设备进行数据通信
- navicat安装包亲测可用
- 算法部署-使用OpenVINO部署MobileStyleGAN轻量化高保真图像合成算法-项目源码-优质项目实战.zip
- 基于java实现远程采集华为逆变器使用modbus tcp协议进行通讯的设备数据
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈