每个结点有一个状态叫做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: explorer(全局) classic(经典模式)
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
分享到:
相关推荐
`orgtree`是一个专门用于实现树列表功能的工具,类似于前端库`jquery ztree`,提供了简便的方式来创建和管理树列表。在本篇中,我们将深入探讨`orgtree`的基本原理、使用方法以及如何通过JSON数据来驱动树列表。 ...
初始化一个jsTree实例,你需要指定一个DOM元素作为树的容器,并提供配置对象来定制行为和外观: ```javascript $('#jstree_demo_div').jstree({ 'core': { 'data': [ { "text": "节点1", "children": [ { "text...
在实际项目中,"Checkbox Tree"可以广泛应用于权限管理、文件系统导航、多选列表等场景。结合后端接口,可以实现数据的增删改查,提供全方面的交互体验。20340可能是具体的示例代码或配置文件,对于学习如何在项目中...
标签"商品列表、列表树、菜单树、ListTree、Tree"进一步明确了这个功能的关键元素。"商品列表"是指展示一系列商品的界面;"列表树"和"菜单树"则强调了这种列表以树状结构展现,通常包括父节点和子节点,用户可以通过...
在本文中,我们将深入探讨jQuery EasyUI中的Tree组件以及如何实现树形列表节点的异步加载。EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,包括我们这里关注的Tree组件。异步加载是提升用户体验的...
"PowerTree中文教程" PowerTree 是一种强大的电源设计和分析工具,旨在帮助设计工程师和电源完整性工程师更好地设计和优化配电网络 (PDN)。本教程将详细介绍 PowerTree 的基本概念、工作原理、功能特点和应用场景。...
1. HTML和CSS:在移动端,js Tree通常使用HTML5的`<ul>`和`<li>`元素来构建树形结构。CSS用于布局和样式调整,确保在不同尺寸的屏幕上看起来清晰、易于阅读。 2. JavaScript:js Tree的核心是JavaScript代码,它...
标题提到的"tree(c++ tree容器)"是一个第三方实现,旨在为C++开发者提供一个类似于STL接口的树容器,方便用户在项目中构建和操作树形数据。 这个源码库的亮点在于它的用法与C++标准库中的其他容器类似,如vector和...
【速度树(SpeedTree)教程】 SpeedTree是一款广泛应用于游戏开发、影视特效、虚拟现实以及建筑设计等领域的高级树木和植被渲染软件。它以其强大的建模功能、高效的渲染技术和逼真的动态效果而闻名。本教程是专门...
**jsTree动态tree详解** jsTree是一款基于JavaScript的开源库,专门用于构建交互式的树形视图。在网页开发中,树形结构常用于展示层级关系的数据,如目录、组织结构或导航菜单等。jsTree提供了丰富的API和可定制的...
**jsTree API详解** jsTree 是一个流行的JavaScript库,用于创建、操作和展示交互式的HTML树状视图。它提供了一套丰富的API,使得开发者能够方便地实现树形结构的各种功能,如添加、删除、修改节点,以及节点的移动...
在文件列表中,我们可以看到以下几个关键文件: 1. `index.html`:这是项目的入口文件,通常包含HTML结构和`<script>`标签引入Vue.js和Element UI库。 2. `package-lock.json`和`package.json`:它们管理项目依赖,...
例如,你可能需要创建一个HTML文件,引入EasyTree的JS和CSS文件,然后创建一个DOM元素作为EasyTree的容器。接着,你可以使用EasyTree的`init`方法,传入预先准备好的JSON数据,如下所示: ```html <!DOCTYPE html> ...
设备树(Device Tree)在嵌入式Linux系统中扮演着至关重要的角色,它是一种数据结构,用于描述硬件配置,使得操作系统内核能够更好地理解和管理硬件资源。`device-tree-xlnx-master_tree_devicetree2018.3_`这个标题...
Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...
EBML Tree工具的主要功能是可视化展示MKV文件中的EBML元素层次,帮助用户理解文件内部的结构和内容。以下是使用EBML Tree进行MKV文件分析时可能涉及的一些知识点: 1. **EBML结构**:EBML由一系列元素构成,每个...
在IT领域,"Tree"通常指的是数据结构中的树形结构,它是一种非线性数据结构,由节点(或称为顶点)和边组成,每个节点可以有零个或多个子节点。在网页开发中,Tree插件则常用于展示层次化信息,如文件目录结构、组织...
jQuery的jstree插件是一款强大的、可定制化的树形视图库,它能够轻松地将HTML元素转换为交互式的树结构。本文将深入探讨jstree的核心特性、配置选项、API使用以及实际应用案例。 1. **核心特性** - **多用途**:js...
1. **节点 (Nodes)**:jsTree 中的基本元素,可以是树的根节点或子节点。每个节点包含文本、ID、图标等属性,并可拥有子节点。 2. **容器 (Container)**:通常是一个 HTML 元素,如 `div`,用于承载整个树结构。 3...
"ul2tree"是一个基于jQuery的插件,专门用于将无序列表(`<ul>`)转换为可交互的树形菜单。下面我们将详细讨论这个插件以及其核心知识点。 首先,"ul2tree.0.1.0.js"是这个项目的主要JavaScript文件,其中包含了将...