- 浏览: 1185728 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (350)
- Ajax研究 (2)
- javascript (22)
- struts (15)
- hibernate (12)
- spring (8)
- 我的生活 (28)
- jsp (2)
- 我的随笔 (84)
- 脑筋急转弯 (1)
- struts2 (2)
- ibatis (1)
- groovy (1)
- json (4)
- flex (20)
- Html Css (5)
- lucene (11)
- solr研究 (2)
- nutch (25)
- ExtJs (3)
- linux (6)
- 正则表达式 (2)
- xml (1)
- jetty (0)
- 多线程 (1)
- hadoop (40)
- mapreduce (5)
- webservice (2)
- 云计算 (8)
- 创业计划 (1)
- android (8)
- jvm内存研究 (1)
- 新闻 (2)
- JPA (1)
- 搜索技术研究 (2)
- perl (1)
- awk (1)
- hive (7)
- jvm (1)
最新评论
-
pandaball:
支持一下,心如大海
做有气质的男人 -
recall992:
山东分公司的风格[color=brown]岁的法国电视[/co ...
solr是如何存储索引的 -
zhangsasa:
-services "services-config ...
flex中endpoint的作用是什么? -
来利强:
非常感谢
java使用json所需要的几个包 -
zhanglian520:
有参考价值。
hadoop部署错误之一:java.lang.IllegalArgumentException: Wrong FS
解压缩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目录下包括这些文件: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 (14.6 KB)
- 下载次数: 2435
发表评论
-
有关 JavaScript 的 10 件让人费解的事情
2010-02-15 17:40 976JavaScript 可算是世界上 ... -
将滚动条(scrollbar)保持在最底部的方法
2010-02-03 21:44 3523有些时候(如开发聊天程序),我们需要将将滚动条(scrollb ... -
第一次配置dwr总结
2009-06-19 00:24 1304[1]:在MyEclipse下创建一个web工程。 [2]: ... -
利用javascript和css做的网页两侧滚动的图片
2009-06-16 11:08 1301直接下载就可以使用了! <!DOCTYPE ht ... -
用js来实现下拉框联动
2009-04-15 17:38 2110<html><head><met ... -
some character can not mapped using "iso-8859-1"
2009-01-14 09:27 13251. Eclipse-->Preferences..(M ... -
javascript在传递url(含有中文)时出现乱码!
2008-12-11 17:03 2029打搅可能都遇到过在写javascirpt代码时传递中文,在后台 ... -
javascript解析cookie
2008-12-09 17:35 1771/* * WebFXCookie class ... -
研究javascript的数组
2008-07-16 15:19 1229数组有四种定义的方式 ... -
css中style与visibility区别与如何使用
2008-07-15 15:50 3627大多数人很容易将CSS属性display和visibility ... -
[JavaScript]Cookie详解(转)
2008-06-02 09:31 1862cookie概述 假如利 ... -
对比 javascript url编码
2008-05-30 09:34 1147escape() 方法: 采用ISO Latin字符集对指定的 ... -
javascript数据类型转换
2008-05-30 09:33 1117parseFloat 转换成浮点数 parseInt 转换成整 ... -
如何在初始化时把对应的checkbox使选中与不选中的讨论
2008-05-30 09:21 2890首先我们大家在写页面的时候可能回经常遇到checkbox、ra ... -
各种javascript网站
2008-05-26 11:56 2459关键字: javascript javasc ... -
javascript 基础 107个javascript语句
2008-05-26 11:50 10671.document.write(""); ... -
javascript 常用脚本
2008-05-26 11:48 14071. oncontextmenu="window.e ... -
javascript 常用代码
2008-05-26 11:44 2133JavaScript常用代码 + 常用代码 ______ ... -
使右下角出现DIV
2008-05-26 10:52 2611<HTML> <HEAD> <M ... -
让 FireFox 也支持 outerHTML
2008-05-26 10:47 1196if(typeof(HTMLElement)!="u ...
相关推荐
### dtree 使用详解:开发者的高效工具 #### 引言 在现代Web开发中,树状结构的展示和管理是常见的需求之一,特别是在构建复杂的菜单系统、文件浏览器或组织架构时。dtree作为一款功能强大的JavaScript库,为...
这可能涉及到设置HTTP响应状态码和内容类型,以及使用`response.getWriter().write()`将结果写入响应流。 总的来说,这个"JSP+Dtree"的实例提供了一个基础的框架,展示了如何在JSP环境中运用决策树进行预测。对于...
**dtree使用说明及示例演示** 在信息技术领域,决策树(Decision Tree,简称dtree)是一种广泛应用的数据挖掘和机器学习算法。它通过构建一种树形结构来模拟一系列的决策过程,每个内部节点代表一个特征,每个分支...
在这个"最全的DTREE的说明文档和例子"压缩包中,我们可以期待找到以下关键知识点: 1. **决策树的基本概念**:包括ID3、C4.5、CART等经典的决策树算法,它们的原理、优缺点以及适用场景。 2. **特征选择**:决策树...
在JSP(JavaServer Pages)中使用`dtree`,可以增强用户界面的交互性。下面将详细介绍如何在JSP中集成和使用`dtree`。 1. **dtree库的引入** 在使用`dtree`之前,首先需要在项目中引入相关的资源文件。这包括`...
**dtree的使用方法和类库** 在信息技术领域,数据可视化是至关重要的,尤其是在数据分析和机器学习中。其中,决策树(Decision Tree)作为一种直观且易于理解的模型,被广泛应用于分类和回归任务。在Python编程语言...
在这个介绍中,我们将深入探讨dtree的制作原理、基本应用以及如何复用这个组件。 首先,理解树(Tree)这种数据结构至关重要。树由节点(Node)组成,每个节点可以有零个或多个子节点。在dtree中,每个节点通常包含...
`dtree`作为一款轻量级的JavaScript插件,以其简单易用、高度自定义的特点,在前端开发领域广受欢迎。本文将深入解析`dtree`的使用方法,帮助开发者快速上手,灵活运用。 #### CSS样式定义 `dtree`的外观和布局主要...
**dtree的使用** 在网页开发中,呈现数据的组织结构通常是一个挑战,尤其是在处理层级关系时。`dtree` 是一个用于展示树状结构的JavaScript库,它可以帮助开发者在页面上以图形化的方式展现多级关系数据。本文将...
这个案例可能包含了HTML代码、JavaScript代码以及可能的CSS样式,通过这些代码我们可以看到DTree是如何被初始化、数据如何加载、以及如何响应用户的交互事件。例如,点击节点时可能会触发一个JavaScript函数,动态地...
DTree的官方下载地址和帮助文档可以从其官方网站获取,文档中详细介绍了DTree的安装方式、使用说明、方法参数、配置项等信息,以及版本更新历史。 在实际应用中,开发者需要按照DTree的API文档来编写相应的...
在本例中,我们将探讨如何简单地使用`dtree`来创建和应用树形菜单。 **基本使用步骤** 1. **引入dtree库** 在HTML文件中,首先需要通过`<script>`标签引入`dtree`的JavaScript库。通常,这可以通过下载库文件并将...
本资源提供了dtree库所需的两个关键文件:`dtree.css`和`dtree.js`,以及相关的图标和API文档,帮助开发者更便捷地在项目中集成和使用dtree。 `dtree.css`是CSS样式表文件,它包含了dtree控件的样式定义。这些样式...
本篇主要介绍`dtree`包及其在Java和JavaScript环境下的使用方法。 `dtree`包是一个专门为JavaScript设计的库,它允许开发者创建和操作无限级别的树形结构。在JavaScript中,由于其动态类型和灵活性,实现这样的功能...
**Dtree JS脚本DEMO** 是一个基于JavaScript实现的树形菜单库,它提供了简单易用的功能,便于开发者在Web应用中构建层次结构清晰的菜单系统。在给定的压缩包文件中,包含了以下几个关键组件: 1. **dtree.css**: 这...
【dtree 例子详解】 决策树(Decision Tree,简称dtree)是一种常用的数据挖掘与机器学习算法,它通过创建...通过分析和实践提供的dtree例子,我们可以更好地掌握决策树在实际问题中的运用,提高我们的数据科学技能。
dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar dtree.rar
在这个话题中,我们将深入探讨三种特定的树形结构实现:原始dtree、右键dtree以及复选框dtree,这些都是在JavaScript环境下用于创建交互式树形菜单的工具。 首先,原始dtree是最基础的形式,它通常基于HTML、CSS和...
1. **易用性**:layui dtree的API设计简单明了,开发者可以通过几行代码快速实现树形结构的展现。 2. **灵活性**:它可以自定义节点的展开、关闭、选中、禁用等多种状态,支持异步加载数据,满足各种业务需求。 3. *...
通过这个小demo,我们可以学习到如何结合JSON和DTREE控件,以及如何利用JavaScript实现定时刷新功能,这对于开发需要实时数据展示的Web应用非常有用。这个过程不仅涵盖了前端数据处理和交互,还涉及到了服务器通信和...