由于需完成一个报表管理功能,对常用报表资料进行管理,要求做成目录树结构,这样结构清晰,比较美观。经查询资料发现dTree不错,于是把此文章转载过来,与大家分享:
dTree是js编写的免费的目录树,主要特点如下:
1、可以设置无限级的菜单
2、可用于框架和非框架中
3、可以在一页中显示多个目录树
4、支持所有主要的浏览器:Internet Explorer 5+ ,Netscape 6+ ,Opera 7+ ,Mozilla
已上传dTree,解压后,除了api.html是介绍如何使用的,其他都必须拷贝,才能使用
----------------------------------------------------------------------
使用说明(下载文件包中有对应英文说明文档):
函数
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');
openAll()
打开所有节点,可在树被创建以前或以后调用.
例子
mytree.openAll();
closeAll()
关闭所有节点,可在树被创建以前或以后调用.
例子
mytree.closeAll();
openTo(id,select)
打开树的某个确定的结点,也能选择该结点,只能在树被创建以后调用.
参数
名字 类型 描述
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 如果父级节点总是添加在子级节点之前,使用这个参数可以加速菜单显示.
例子
mytree.config.target = "mytarget";
具体效果可运行下载的文件包中example01.html
分享到:
相关推荐
JavaScript Dtree 最经典的JS目录树
带ACCESS,asp的JS树形dtree,
最强大的树型JS代码DTREE,功能强大美观
自己写的select树的小例子,,树目录是用dtree实现的,,select标签是用div模拟的,,大家在document.getElementById("divSel").style.height = count + "px";加上"px",可以支持火狐,因为火狐语法很严格,,,想和大家分享练...
dtree实现的树支持多选,dtree实现的树,jsp树,js树
dtree是可用有产生树形目录的javascript插件,集实用美观与一体。
<script language="javascript" type="text/javascript"> var tree = new dTree('tree'); tree.config.useControl = true; tree.config.controlType = 'checkbox'; tree....
js无限级目录菜单,适应与IE,Maxthon,FireFox
用js创建树形目录,非常方便小巧,只需添加你自己定义的目录即可完成
1.本程序使用jquery的aiax技术,使 dtree以 json的方式读取目录树,后台语言使用的是 php 2.你可以不使用jquery的aiax,js 的一样,后台你也可以使用asp,jsp等语言,看个人实际
利用php读取目录树,利用了javascript dtree来展示读取的目录树状结构。
1. 从网上下载dtree控件。 2. 在Jbuilder中新建Web应用,命名为TreeLearing。 3. 解压缩dtree.rar包。...注意:dtree目录下的文件结构不要改变,否则树就不会正常显示 5. 在Web应用中指定首页为Tree.jsp页面。
在浏览器上浏览磁盘中的文件目录。利用java编写的使用dtree插件显示。
很有用的javascript实现的树型文件目录结构,可伸缩折叠。 代码实例: <script type="text/javascript"> <!-- d = new dTree('d'); d.add(0,-1,'My example tree'); d.add(1,0,'Node 1','example01.html'); d.add...
包含:dtree、无限级树状菜单、struts+hibernate树形菜单、treeview、xmltree、dhtmltree等等 几十个树状菜单 这回不用费劲找了吧。。。。。
使用 javascript 读取 xml 配置的内容,生成 dtree, 可用于一些配置 文件生成属性目录结构, 方便, 操作简易
zTreeFuzzySearch(参照亚马逊中文网图书板块),带搜索的树目录功能,可以直接套用到项目上面去。
其中包括长期收集的javascript经常用特效,以及代码示例、表单验证等等 其中包括目录生成器QuickMenu、javascript树dtree、日历等等,反正东西很多就是了
集合了网上找到了多种类型的现成的结构树,包括dhtmltree,dtree,MzTreeView,otree,tigra_tree_menu,TreeCheckNodeUI,treePanel,xtree