`
jackeysion
  • 浏览: 129483 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

dtree的用法.

阅读更多
解压缩dtree.zip 包。 
dtree目录下包括这些文件:example01.html 、 dtree.js 、 api.html 、 dtree.css 和img目录      
注意:除了api.html之外,其它的文件都是必须拷贝的。api.html是dtree的函数介绍。 

打开example01.html文件 

     <link rel="StyleSheet" href="css/dtree.css" type="text/css" />  
     <script type="text/javascript" src="js/dtree.js"></script>  

必须引用的两个文件。 

生成树 节点的代码: 
      <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(2,0,’Node 2’,’example01.html’);   
         d.add(3,1,’Node 1.1’,’example01.html’);   
         d.add(4,0,’Node 3’,’example01.html’);   
         d.add(5,3,’Node 1.1.1’,’example01.html’);   
         d.add(6,5,’Node 1.1.1.1’,’example01.html’);   
         d.add(7,0,’Node 4’,’example01.html’);   
         d.add(8,1,’Node 1.2’,’example01.html’);   
         d.add(9,0,’My Pictures’,’example01.html’,’Pictures I\’ve taken over the years’,’’,’’,’img/imgfolder.gif’);   
         d.add(10,9,’The trip to Iceland’,’example01.html’,’Pictures of Gullfoss and Geysir’);   
         d.add(11,9,’Mom\’s birthday’,’example01.html’);   
         d.add(12,0,’Recycle Bin’,’example01.html’,’’,’’,’img/trash.gif’);   

         document.write(d);   

         //-->   
     </script>   


d.add(0,-1,’My example tree’); 
      这一句为树添加了一个根节点,显示名称为’My example tree’     d.add(1,0,’Node 1’,’example01.html’); 
     这一句在树的根节点下面添加了一个子节点。(d.add()方法的参数具体含义可参见api.html文件)      
常用的:      
第一个参数,表示当前节点的ID      
第二个参数,表示当前节点的父节点的ID,根节点的值为 -1     
第三个参数,节点要显示的文字      
第四个参数,节点的Url      
第五个参数,鼠标移至该节点时节点的Title      
第六个参数,节点的target 
第七个参数,用做节点的图标,节点没有指定图标时使用默认值 
第八个参数,用做节点打开的图标,节点没有指定图标时使用默认值 
第九个参数,判断节点是否打开 

使用实例大家可参照 www.amyou.cn 的树型菜单 

附 rlog翻译:

属性菜单使用说明  

函数  

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()  
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          如果父级节点总是添加在子级节点之前,使用这个参数可以加速菜单显示.  
例子  
mytree.config.target = "mytarget"; 
分享到:
评论

相关推荐

    dtree.zip|dtree.zip|dtree.zip

    它可能包含了函数、方法、参数等信息,帮助开发者理解和集成dtree.js到他们的项目中。 3. **example01.html** - 这是一个示例页面,展示了如何使用dtree.js来创建和操作决策树。通过这个例子,用户可以看到决策树的...

    dTree.js下载+API文档.rar

    例如,它可能包含一个JSON对象表示树的数据,然后使用JavaScript代码将这个对象转换为dTree可以理解的形式,并使用`init()`方法创建树。 `dtree.js`是核心库文件,包含了dTree的所有功能。虽然通常不需要直接修改这...

    DTree用法.pdf

    1. DTree的特性与基本使用方法: DTree的特性包括但不限于:支持无限层级节点、节点可以动态添加、支持节点的异步加载、节点可以展开或折叠、支持节点选择事件、支持节点点击事件等。DTree的使用通常涉及到对HTML...

    iitraweb+dtree(dtree.js)用法!

    在这篇文章中,我们将深入探讨如何将Intraweb与dTree.js结合使用,以实现更加动态和用户友好的Web界面。 首先,Intraweb 是一款强大的开发框架,它允许Delphi程序员使用熟悉的VCL组件来构建Web应用程序。通过...

    dtree.js + dtree.css

    这篇文章将深入探讨这两个文件的核心功能,使用方法,以及在实际项目中的应用。 首先,dtree.js是一个JavaScript库,它提供了一种灵活的方式来创建和操作树形数据结构。通过dtree.js,开发者可以轻松地生成具有展开...

    dtree_all.zip

    而"dtree_api.txt"则很可能是该决策树库的API参考文档,详细列出了可供开发者调用的各种函数和方法,帮助理解如何在实际项目中集成和使用这个库。 【标签】"dtree_all.zip" 作为标签,强调了主题的焦点在于决策树...

    dtree-latest.rar_dtree_node js

    3. `example01.html`:这是一个示例文件,展示了dtree的基本用法和新特性的实战应用,通过查看和运行这个示例,我们可以直观地理解新功能的工作原理。 4. `img`文件夹:包含了一些可能用于树形菜单的图标或其他图像...

    PyPI 官网下载 | dtree-0.1.0.tar.gz

    然而,根据一般决策树库的惯例,我们可以假设它提供了基础的决策树算法,并可能支持一些常见的优化选项,比如剪枝、随机森林等集成方法。 安装这个库通常可以通过Python的包管理工具pip完成,命令可能是: ```bash ...

    dtree.js js树

    4. `img`: 这个目录可能包含了`dtree.js` 使用到的一些图片资源,比如展开/折叠箭头图标,或者是自定义的节点图标。你可以根据需要替换这些图片,或者添加新的图标以扩展功能。 使用`dtree.js` 创建树形结构的基本...

    dtree.js

    本文将深入探讨dtree.js的原理、使用方法以及其在实际项目中的应用。 首先,我们要理解决策树的基本概念。决策树是一种监督学习算法,通过构建一棵树形结构来表示输入数据的特征和对应的输出类别。每个内部节点代表...

    Dtree JS脚本DEMO

    3. **example01.html**: 这是一个示例文件,演示了Dtree的基本用法。它通常会包含HTML代码和内联JavaScript,展示如何在网页中嵌入和配置Dtree脚本,以及如何构建菜单数据结构。你可以通过查看和运行这个文件来快速...

    java 创建系统菜单 Dtree.js

    6. **实时更新**:如果你的菜单需要动态更新,可以监听服务器的事件,然后调用`Dtree.js`的相关方法来更新菜单视图。 `Dtree.js`的使用不仅可以帮助你快速创建树型菜单,还提供了一种优雅的方式来管理复杂的层次...

    JSP树型菜单 DTree.java源码学习

    4. **交互处理**:DTree提供了丰富的API供开发者使用,如`expandNode()`, `collapseNode()`, 和 `selectNode()`等,这些方法可以响应用户的交互行为,例如点击节点时展开或折叠子节点,或者选中某个节点。...

    dtree树形代码案例

    3. **api.html**:API文档,通常会列出dtree库的所有方法、属性和事件,方便开发者参考和使用。 4. **example01.html**:一个基础示例,展示了如何在HTML页面中使用dtree和jQuery创建树形结构。 5. **dtree.js**:...

    dtree.zip dtree 例子 dtree 资料

    对于初学者来说,这份资料将涵盖决策树的基本概念和使用方法,通过阅读和实践,能有效提升对决策树的理解和应用能力。在学习过程中,结合理论和实践,逐步掌握决策树在不同场景下的应用,有助于深入机器学习领域。

    dtree

    在【dtree用法.txt】中,我们可以推测文件包含了关于如何使用dtree的详细说明。通常,使用dtree涉及到以下几个关键步骤: 1. **导入模块**:首先,你需要导入提供dtree功能的模块。这可能取决于你使用的编程语言,...

    JSP树型菜单 DTree.zip

    `example01.html`是一个基础的使用示例,展示了DTree的基本用法。在这个例子中,HTML结构提供了一个容器来承载树型菜单,而JavaScript代码负责加载数据并构建菜单。开发者可以通过分析这个例子来快速上手DTree的使用...

    dtree(AJAX动态载入)

    dtree 修改 AJAX动态载入 简单的测试环境,不需要复杂的其他东西和...注释在 dtree.js 中的 dTree.prototype.o 方法里面。 修改了 dTree.prototype.o方法,小修改,把整块去了跟原来的一模一样。 没有大的改动。

Global site tag (gtag.js) - Google Analytics