1.XTREE简介:
XTREE是一个基于AJAX实现的树形菜单。它的原理就是每次都只加载当前结点下的所有结点,而对开发人员来说,就是只需要按一定的格式,生成一段XML代码。XTREE可以自己定制每个结点的ICON和链接。XTREE是基于对象的,通过XTREE,你无需再自己生成HTML代码,而只要生成相应的JS 对象就可以了。
2.官方网址:
http://webfx.eae.net/dhtml/xtree/index.html,可以在这里下载到XTREE最新的版本,也有XTREE的演示的DEMO。
3.XTREE的API:
XTREE的API很简单,就是一个抽象类WebFXTreeAbstractNode以及该抽象类的两个子类WebFXTree和WebFXTreeItem。这三个类的属性和构造函数,还有方法详见:http://webfx.eae.net/dhtml/xtree/api.html,上面写得很清晰。
4.XTREE学习笔记
每个结点有一个状态叫做OPEN;如果结点为OPEN,则可以EXPAND;对于ITEM结点来说,永远返回FALSE;
toggle()就是切换,如果为展开的,就收起;如果为收起的,就展开;
XTREE生成的是静态树,它不能从XML中生成树,而是只能生成简单的静态的树,看构造函数的参数就可以知道【text】【action】
--------------------------------------------------------------
WebFXTreeAbstractNode:
属性:
id:唯一标识
text: label
action: 链接
open: 标志位,boolean型,是否打开
icon: 图标
openIcon:打开时的图标
parentNode:父结点的Reference
childNodes: 子结点的Reference的集合
方法:
indent():缩进
toggle():切换
callapse():收起
expand():展开
callapseAll():收起全部
expandAll():展开全部
expandChildren():展开子结点
callapseChildren():收起子结点
getNextSibling():取得下一个兄弟结点的Reference
getPreviousSibling():取得上一个兄弟结点的Reference
toString():生成HTML代码
------------------------------------------------------------------
WebFXTree:
构造函数:new WebFXTree([text], [action], [behavior],[icon],[openIcon]);
参数:
text:
action:
behavior:
icon:
openIcon:
属性:
rendered 标志位,boolean类型,用于标记该树是否已经生成和显示。
WebFXTreeAbstractNode的所有属性
方法:
getSelected():返回一个Reference,被选中的那个对象的Reference。
setBehavior(sBehavior): classic,explorer;
getBehavior():
WebFXTreeAbstractNode的所有方法
-------------------------------------------------------------------
WebFXTreeItem:
构造函数:
new WebFXTreeItem([text],[action],[parent],[icon],[openIcon]);
属性:
WebFXTreeAbstractNode的所有属性
方法:
getFirst():返回第一个子结点的Reference
getLast():返回最后一个子结点的Reference
分享到:
相关推荐
**xtree:深入理解与应用** xtree是一个用于数据结构表示和操作的工具,尤其在计算机科学和编程领域中,它被广泛应用于处理树形...通过阅读提供的文档和代码,我们可以更深入地学习xtree的各种特性和实际应用技巧。
"xtree1.1和例子" 是一个与前端开发相关的主题,主要涉及到的是一个叫做 xtree 的库或者框架。这个库可能是一个用于构建...通过分析提供的示例项目,开发者可以学习到如何在实际项目中有效地利用xtree来提升用户体验。
**XTREE源包及使用实例详解** XTREE是一种用于构建动态树形结构的数据结构,它在计算机科学中常被用于组织和操作数据。...通过对XTREE的学习,我们可以更有效地解决实际问题,提高软件的性能和用户体验。
在“xtree简明教程”中,我们首先会学习到xTree的基本概念。xTree的核心是一个树状视图,它以层级结构展示数据,就像计算机文件系统的目录结构一样。根节点位于顶部,下面分支出子节点,子节点还可以继续分支出更多...
通过分析这些文件,开发者可以学习如何将这三个组件整合起来,构建一个能够动态加载和操作树形数据的应用。 总的来说,xtree+Oracle+Struts的组合提供了一个强大的工具链,用于开发具有交互式树形视图的Web应用。...
在IT领域,尤其是在网页开发中,XTree是一种广泛使用的JavaScript库,用于创建交互式的树状菜单。...在压缩包中的"XTree树状菜单"文件,可能包含了实现XTree功能的相关代码、示例或者文档,供开发者学习和参考。
JavaScript(简称JS)是一种广泛用于前端开发的轻量级编程语言,它被用来为网页添加交互性和动态功能。...学习和使用XTree,不仅可以提升Web应用的用户体验,还能帮助开发者深入理解数据结构和JavaScript编程。
《XTree XML生成树 帮助文档》 在IT领域,树形控件是一种常见的用户界面元素,它用于展示数据的层次结构。...在实践中,不断学习和掌握XTree的高级特性,能够帮助我们构建出更加高效、易用的界面。
【XTreeDemo】是一个关于`xtree`与`jsp`结合使用的综合实例,它涵盖了`xtree`控件的各种功能和交互方式。...通过学习这个例子,开发者可以深入了解`xtree`的用法,提升在Web应用中构建复杂树形结构界面的能力。
5. `生成的范例html源码1.txt` 和 `生成的范例html源码0.txt`:这些是示例代码,开发者可以参考这些源码学习如何构建和配置XTREE3.1菜单。 6. `license.txt`:包含了软件的授权信息,规定了软件的使用、分发和修改...
通过查看和学习这些文件,开发者可以了解xtree的具体实现细节,从而在自己的项目中复用或改进这种菜单树结构。 总的来说,xtree菜单树是软件开发中构建用户界面的一个重要工具,尤其适用于展示层次清晰、结构复杂的...
在IT领域,树形结构是一种常见的数据组织方式,它以层级的形式表示元素之间的关系,而XTREE则是一种基于HTML和JavaScript实现的树形结构...通过不断学习和实践,开发者可以利用XTREE实现各种复杂的数据展示和交互功能。
在学习XTREE时,你需要理解其核心特性,包括: 1. 自平衡:XTREE能够自动调整其结构以保持平衡,确保查找、插入和删除操作的时间复杂度稳定。 2. 多关键字:每个节点可以存储多个关键字,允许在一个节点内进行范围...
【xtree一个完整项目】是基于Java Web技术的示例项目,主要采用了JSP(JavaServer Pages...通过学习这个项目,开发者可以更好地理解JSP、Struts和xtree在实际项目中的运用,以及如何利用Ajax技术实现前后端的数据交互。
本压缩包文件包含三个流行的前端树形插件:zTree、dtree和xtree,以及它们的DEMO和API文档,非常适合开发者学习和使用。 首先,我们来详细了解一下这三个树形插件: 1. **zTree**: zTree是一款基于jQuery的树形...
XTree的源码分析有助于理解其工作原理,学习如何优化性能、处理复杂交互以及自定义样式。此外,还可以根据实际需求扩展XTree的功能,比如增加右键菜单、节点分组、节点图标自定义等。 对于初学者,可以通过阅读相关...
《XTree 3.01 Gold - DOS时代的磁盘文件目录管理神器》 在个人计算机发展的...尽管现在已经被图形化操作系统所取代,但它的设计理念和功能仍值得我们回顾和学习,因为它在某种程度上塑造了现代文件管理工具的基础。
#### 四、XLoadTree 学习笔记 XLoadTree 与 XTree 的主要区别在于,XTree 只能生成静态树,而 XLoadTree 可以根据 XML 数据动态生成树形结构。XLoadTree 包含两个核心类:`WebFXLoadTree` 和 `WebFXLoadTreeItem`,...
同时,dtree和xtree文件可能包含了库的源代码,你可以通过分析这些代码学习它们的工作机制,甚至对其进行二次开发,以满足项目的特定需求。 在实际开发中,确保遵循最佳实践,如优化性能、考虑无障碍性...
通过这些文件,开发者可以学习如何在自己的项目中集成xtree2b,创建交互式的树形菜单。使用JavaScript和CSS,xtree2b能够实现响应式设计,使菜单在不同屏幕尺寸和设备上都能良好展示。此外,动态加载功能(如...