`
谷超
  • 浏览: 165966 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript生成目录树

阅读更多
dTree是js编写的免费的目录树
   主要特点:
可以设置无限级的菜单
可用于框架和非框架中
可以在一页中显示多个目录树
支持所有主要的浏览器:Internet Explorer 5+ ,Netscape 6+ ,Opera 7+ ,Mozilla
下载地址:http://destroydrop.com/javascripts/tree/dtree.zip

解压后,除了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"; 
使用效果见附件:
  • 大小: 5.4 KB
分享到:
评论

相关推荐

    基于数据库动态生成目录树示例

    在IT行业中,数据库是存储和管理数据的核心工具,而动态生成目录树则是一种常见的数据组织方式,特别是在文件系统、网站导航、数据可视化等领域。本文将深入探讨如何基于数据库动态生成目录树,结合“TreeCache”这...

    java动态生成目录树

    - 客户端接收到数据后,使用JavaScript解析数据,并调用Dtree的API生成目录树结构。 - 最后,将生成的目录树插入到JSP页面的适当位置,用户就可以在页面上看到动态加载的目录树了。 以上就是关于"java动态生成...

    nodejs实现读取本地文件生成目录树

    在Node.js环境中,读取本地文件并生成目录树是一种常见的需求,特别是在开发文件管理系统或进行文件操作时。Node.js提供了一系列强大的文件系统(fs)模块,使得开发者能够方便地进行文件和目录的操作。本篇文章将...

    百度网盘生成目录树结构.zip

    在这个压缩包中,“百度网盘生成目录树结构”的脚本工具可能是用Python、JavaScript或其他编程语言编写的,它的主要功能是自动生成一个可视化的目录树,显示百度网盘内的文件和文件夹结构。这样的工具通常会通过百度...

    在JSP中使用递归算法生成目录树

    在JSP(Java Server Pages)中生成目录树是一个常见的需求,尤其是在处理文件系统或者网站结构时。由于JSP环境中缺少内置的TreeView控件,开发者需要自定义方法来实现这一功能。本文将介绍一种使用递归算法在JSP中...

    jsp动态生成目录树

    【标题】:“jsp动态生成目录树” 在网页开发中,目录树是一种常见的方式来展示层级结构的数据,例如网站的导航、文件系统或者组织架构等。在本主题中,我们将深入探讨如何利用JavaServer Pages (JSP) 技术,结合...

    DWR生成目录树

    在本主题中,我们将深入探讨如何使用DWR生成目录树,这在构建动态的、交互性强的Web应用时尤其有用。 目录树是一种数据结构,通常用于表示文件系统或组织层次结构。在Web应用中,用户可能需要浏览多级目录结构,...

    asp+javascript+目录树

    3. **前端目录树展示**:JavaScript库如jQuery UI、jsTree、AngularJS的ngTree等,可以用来在浏览器端渲染目录树,用户可以展开、折叠节点,查看不同层次的目录。 4. **用户交互处理**:JavaScript可以监听用户的...

    树形结构生成javaScript

    本主题主要关注如何在JavaScript中生成和操作树形结构。以下是一些关键知识点: 1. **定义节点对象**:在JavaScript中,树的每个元素通常表示为一个对象,包含数据以及指向子节点的引用。例如: ```javascript ...

    javascript目录树代码

    JavaScript 目录树是一种在网页应用中用于展示文件或数据结构层次关系的图形化界面。它通常被用来模拟计算机文件系统、数据库结构或者组织复杂的对象关系。目录树的实现主要依赖于JavaScript,一种广泛用于客户端...

    Html网页目录树效果

    为了实现目录树的动态展开和折叠,我们需要JavaScript(可能涉及JSP脚本)。可以添加事件监听器,当用户点击列表项时,切换子列表的显示状态: ```javascript document.querySelectorAll('.directory-tree li')....

    js动态目录树,像windows目录树一样,很方便的。

    3. **JavaScript逻辑**:核心部分在于JavaScript代码,它负责动态生成和管理目录树。这包括: - **数据结构**:将目录结构数据存储为JSON对象或数组,每个对象代表一个节点,包含节点名称、子节点数组等属性。 ...

    tree12-30.rar_目录树_目录树 java语言_目录树 js

    本文将详细讨论如何使用Java语言和JavaScript(JS)来实现这一功能,基于提供的标题"tree12-30.rar_目录树_目录树 java语言_目录树 js"和描述"自己修改成功的java代码+js动态生成目录树结构"。 首先,让我们深入...

    树形目录菜单生成器 .rar

    本项目提供的是一款JavaScript版本的树形目录菜单生成器,它可以帮助开发者轻松地将层级结构的数据转化为可视化的菜单界面。 树形菜单是一种以树状结构展现数据的用户界面元素,它模拟了计算机文件系统的目录结构,...

    JavaScript+Ajax实现树形目录

    JavaScript+Ajax实现树形目录是一种常见的前端技术应用,主要用于构建交互式、动态更新的网页内容。在本场景中,我们主要关注三个核心概念:树形目录、JavaScript和Ajax。 **树形目录** 是一种模拟真实文件系统或者...

    markdown生成目录/侧边栏目录

    这些预览器通常有自动生成目录的功能,例如在每个标题(#,##,###等)前添加ID,然后通过JavaScript脚本生成一个可点击的目录列表。使用这些工具时,只需在Markdown文件中编写标题,预览器会自动处理生成目录。 2....

    目录树 js css

    目录树是指使用JavaScript和CSS来生成树形结构的目录列表。它可以用于网站的菜单、目录、树形结构的展示等。目录树的优点是:可以动态生成树节点、可以自定义样式、可以与其他JavaScript库集成等。 目录树的实现...

    自动遍历文件夹生成成目录树.rar

    在IT领域,自动遍历文件夹并生成目录树是一项常用的操作,尤其对于处理大量文件和组织数据时。这个“自动遍历文件夹生成成目录树”程序可能是一个实用的工具,能够帮助用户快速地理解文件系统的结构。接下来,我们将...

    JavaScript Dtree 最经典的JS目录树

    JavaScript DTree是一种基于JavaScript实现的目录树控件,它在Web应用中被广泛用于展示层次结构数据,如文件系统、组织结构或者网站导航。DTree以其简洁高效、可定制化的特点,深受开发者喜爱。在这个话题中,我们将...

    JSP树型目录,javascript树型目录。

    在JSP中,可以使用巢状循环来遍历这个结构,生成HTML代码表示目录树。在JavaScript中,可以通过遍历JSON对象或数组来创建DOM元素,动态添加到页面上。 在提供的压缩包文件"admin"中,可能包含了实现树型目录的相关...

Global site tag (gtag.js) - Google Analytics