- 浏览: 518210 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (299)
- Oracle(pl/sql_Erp_Pro*C) (69)
- 设计模式 (4)
- spring (23)
- ext (17)
- apache开源项目应用 (4)
- jquery (16)
- 生活琐事 (8)
- 下载资源 (23)
- mysql (2)
- Eclipse使用积累 (5)
- 报表类(报表/图表) (13)
- php (4)
- Web多彩文本框 (3)
- json (4)
- jqgrid (2)
- ant (2)
- java算法积累 (8)
- EL表达式/JSTL (4)
- poi (3)
- gwt (2)
- 爬网第一步 (2)
- javascript (17)
- Javaweb (8)
- tomcat (1)
- flex (1)
- Java&DB (3)
- J2SE (7)
- linux (3)
- 数据结构 (1)
- dot net (5)
- struts (1)
- ibatis (1)
- log4j (1)
- 项目管理 (1)
- Java native interface(jni,jacob......) (5)
- applet (1)
- VB.net/C#.net/JNI (20)
- css (1)
- Sqlite (1)
- servlet (1)
- REST (1)
最新评论
-
wenhurena:
能不能给一下解压密码roki.work.2017@gmail. ...
Ebs解体新書と学習資料1 -
liutao1600:
楼主写的太好了,每天学习~~
Spring_MVC(6)测试 -
liutao1600:
太好了,每天学习你的文章~~~
Spring_MVC(3)表单页面处理 -
liutao1600:
学习了,太好了
Spring_MVC(2)控制层处理 -
liutao1600:
学习了~~~
Spring_MVC(1)构建简单web应用
解压缩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>
<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点选的值
dtree添加时候是有id、pid、URL
比如你声明一个
<!-- Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->d=new dtree('name','路径'); d.add(id,pid,url)
这里可以换成
<!-- Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->d.add(id,pid,javascript:goto(id));
然后是js
<!-- Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --><script> function goto(id) { window.location.href='你想打开的
发表评论
-
jqgird
2011-05-31 23:06 1513http://a3mao.javaeye.com 上 ... -
jquery好站
2010-11-05 20:05 897http://www.ndoherty.biz/ -
jsTree
2010-09-08 23:47 5248一、JStree的简单介绍 1.关于jstree jsTree ... -
jstree
2010-09-08 09:22 1392jstree 主页 : http://www.jstree.c ... -
JS 动态树 异步加载树 xloadtree WebFXLoadTree
2010-09-06 22:24 2308资料地址: http://webfx.eae.net/dht ... -
dtree demo example
2010-09-01 00:41 1933<html> <head> ... -
dhtmlxtree demo
2010-08-31 23:56 950实例 -
Jquery学习
2010-08-04 14:06 920demo-1 ======页面加载完成后。执行alert(' ... -
jquery Ajaxupload应用
2010-07-21 16:08 11519AjaxUpload Jquery插件AjaxUploa ... -
jquery ui datepicker使用和下载地址
2010-07-21 12:32 4447先堆几个地址: JQuery官方地址:http://jq ... -
jquery ui datepicker使用
2010-07-21 10:13 3750在Web开发中,总会遇 ... -
jquery日历控件
2010-07-21 09:57 6599Jquery日历控件合集 FullCale ... -
jquery实现图片左右滚动类似京东
2010-05-19 08:19 1301附件 -
jquery实现图片左右滚动类似京东
2010-05-17 23:26 3112类似京东图片嗷嗷转! -
dhtmlxTree
2010-05-17 08:19 793html树形菜单
相关推荐
1. DTree的特性与基本使用方法: DTree的特性包括但不限于:支持无限层级节点、节点可以动态添加、支持节点的异步加载、节点可以展开或折叠、支持节点选择事件、支持节点点击事件等。DTree的使用通常涉及到对HTML...
### dtree用法详解:集成右键菜单及复选框功能 #### 一、dtree简介 dtree 是一个基于 JavaScript 的轻量级树形菜单组件,它支持自定义节点内容,包括添加链接、图标等元素。此外,dtree 还提供了一些基本的功能,如...
**dtree的使用方法和类库** 在信息技术领域,数据可视化是至关重要的,尤其是在数据分析和机器学习中。其中,决策树(Decision Tree)作为一种直观且易于理解的模型,被广泛应用于分类和回归任务。在Python编程语言...
本文将深入探讨`dtree`的使用方法及其在Struts框架中的集成应用。 ### 一、dtree基本概念 `dtree` 是一个轻量级的JavaScript插件,它可以将JSON数据转化为可交互的树形结构。它支持节点的展开和折叠,点击事件监听...
本文将深入探讨dtree的功能特性、安装步骤、基本用法以及高级配置,帮助读者快速掌握并应用dtree于项目中。 #### dtree核心特点解析 dtree的核心优势在于其高度的自定义性和兼容性,支持无限层级的树状结构展示,...
在dtree的基础上改的带有复选框,还不错,返回各个节点的编码~
### dTree的用法详解 #### 一、dTree简介 dTree 是一款非常轻量级的 JavaScript 树形插件,它可以帮助开发者快速构建出美观且功能丰富的树形结构。dTree 的特点在于其简单易用,体积小巧,同时支持自定义样式,...
在【dtree用法.txt】中,我们可以推测文件包含了关于如何使用dtree的详细说明。通常,使用dtree涉及到以下几个关键步骤: 1. **导入模块**:首先,你需要导入提供dtree功能的模块。这可能取决于你使用的编程语言,...
本文将详细介绍DTree的用法,包括其基本概念、常用方法和配置选项。 ### DTree的基本概念 DTree的核心是通过JavaScript对象来表示树形结构的各个节点。每个节点包含若干属性,如ID、父节点ID、节点文本、链接URL等...
在这篇文章中,我们将深入探讨如何将Intraweb与dTree.js结合使用,以实现更加动态和用户友好的Web界面。 首先,Intraweb 是一款强大的开发框架,它允许Delphi程序员使用熟悉的VCL组件来构建Web应用程序。通过...
本文将深入解析`dtree`的使用方法,帮助开发者快速上手,灵活运用。 #### CSS样式定义 `dtree`的外观和布局主要通过CSS进行控制。其核心样式包括: - `.dtree`:定义了树状结构的基本样式,如字体、颜色及文本对齐...
在这个压缩包中,包含了一个名为`UserTree.htm`的使用案例和相关的`DTree`文件,这些资源将帮助我们深入理解DTree控件的使用方法。 首先,`UserTree.htm`是DTree控件的一个实际应用实例,它展示了如何在HTML页面中...
在提供的文件列表中,`dtree-demo`可能是一个包含示例代码的文件或目录,用于演示如何使用layui dtree。而`dtree`可能是dtree的源码或资源文件。通过查看这些文件,你可以更深入地理解dtree的工作原理和实际应用。 ...
在本主题中,我们将深入探讨".dtree"实现方法。 首先,我们要理解决策树的基本构建步骤: 1. **数据预处理**:对原始数据进行清洗,处理缺失值,转换非数值特征为数值,以及归一化或标准化数值特征,以便于算法...
在编写示例代码时,我们需要注意确保DTREE控件库已正确引入,并且根据其API文档来使用相关方法。例如,如果你使用的是jQuery插件版本的DTREE,代码可能如下所示: ```javascript var tree = $('#dtree').dtree({ ...
2. **异步加载树节点**:当用户展开一个节点时,使用Ajax发送请求到服务器,获取该节点的子节点数据,然后使用dtree提供的API将新数据插入到现有树中。 3. **优化策略**:通常,初始加载只展示顶级节点,其余节点按...
本篇主要介绍`dtree`包及其在Java和JavaScript环境下的使用方法。 `dtree`包是一个专门为JavaScript设计的库,它允许开发者创建和操作无限级别的树形结构。在JavaScript中,由于其动态类型和灵活性,实现这样的功能...
3. **example01.html**: 这是一个示例文件,演示了Dtree的基本用法。它通常会包含HTML代码和内联JavaScript,展示如何在网页中嵌入和配置Dtree脚本,以及如何构建菜单数据结构。你可以通过查看和运行这个文件来快速...