`

tree和node系列方法

阅读更多
Ext.data-Tree/ Node
Ext.data.Tree
继承自Observable,用于存放树装的数据结构

方法
Tree( [Node root] )
以root为根构造Ext.data.Tree对象

getNodeById( String id ) : Node
由指定id得到节点

getRootNode() : Node
得到根节点,由属性root得到更方便

setRootNode( Node node ) : Node
设置根节点

事件有
append : ( Tree tree, Node parent, Node node, Number index )
beforeappend : ( Tree tree, Node parent, Node node )
beforeinsert : ( Tree tree, Node parent, Node node, Node refNode )
beforemove : ( Tree tree, Node node, Node oldParent, Node newParent, Number index )
beforeremove : ( Tree tree, Node parent, Node node )
insert : ( Tree tree, Node parent, Node node, Node refNode )
move : ( Tree tree, Node node, Node oldParent, Node newParent, Number index )
remove : ( Tree tree, Node parent, Node node )


Ext.data.Node
节点
属性
attributes : Object
节点属性集

childNodes : Array
子节点

firstChild : Node
第一个子节点

id : String
id

lastChild : Node
最后一个子节点

nextSibling : Node
下一个兄弟节点

parentNode : Node
父节点

previousSibling : Node
前一个兄弟节点

Node( Object attributes )
构造节点

appendChild( Node/Array node ) : Node
将node做为附加在当前节点的lastChild之后


bubble( Function fn, [Object scope], [Array args] ) : void
由当前节点开始一直上溯到根节点,对于每个节点应用fn,直到有一个fn返回假为止


cascade( Function fn, [Object scope], [Array args] ) : void
由当前节点开始一下对每个子孙节点应用fn.直到返回false为止

contains( Node node ) : Boolean
当前节点是node的祖先节点?

eachChild( Function fn, [Object scope], [Array args] ) : void
基本同cascade,但只针对子节点应用fn

findChild( String attribute, Mixed value ) : Node
在子节点中找到第一个有属性attribute值为value的节点

findChildBy( Function fn, [Object scope] ) : Node
在子节点中找到第一个应用fn返回真的节点

getDepth() : Number
得到当前节点深度,根节点深度为0

getOwnerTree() : Tree
得到当前节点的Tree对象

getPath( [String attr] ) : String
得到当前节点的路径,默认attr为id

indexOf( Node node ) : Number
node在当前节点的子节点中的位置

insertBefore( Node node, Node refNode ) : Node
在参考节点refNode之前插入node节点

isAncestor( Node node ) : Boolean
当前节点是node的祖先节点?

isFirst() : Boolean
isLast() : Boolean
当前节点是父节点的第一/最后一个节点

isLeaf() : Boolean
是叶节点?指不含子节点

item( Number index ) : Node
第index个子节点

removeChild( Node node ) : Node
移除node子节点

replaceChild( Node newChild, Node oldChild ) : Node
用newchild替换oldchild子节点

sort( Function fn, [Object scope] ) : void
用指定的fn排序子节点

事件略

分享到:
评论

相关推荐

    前端开源库-node-interval-tree

    node-interval-tree是前端开发者处理区间数据的利器,它利用节点间隔树数据结构提供了高效的区间查询和操作。理解和熟练运用这个库,可以帮助我们解决许多复杂问题,提高代码的效率和可维护性。在实际项目中,根据...

    目录备份神器- 终于把电脑文件目录树备份下来了 -- tree、node、bat轮番上阵

    在这个场景下,bat文件的作用是调用tree命令和Node.js脚本,实现一键备份。用户只需双击这个bat文件,系统就会自动执行预定的备份流程,将目录树备份到预先设定的文件夹,简化了操作步骤。 文件名为“目录备份神器...

    jsTree中文文档

    jsTree 有多种事件可以监听,比如 `ready.jstree`(初始化完成)、`select_node.jstree`(节点被选中)和 `rename_node.jstree`(节点重命名)。以下是一个监听节点被选中的例子: ```javascript $('#jstree_demo_...

    ball tree and kd tree.pdf

    双树算法是一种利用两个数据结构(如 Ball Tree 和 KD Tree)来加速计算的方法。在 EMST 的背景下,双树算法可以并行地在两棵树之间进行比较和操作,减少了计算量,提高了效率。通过在不同维度的 spatial 数据集上...

    jsTree 大集合

    jsTree 提供了一系列的 API 方法,如 `get_node()`, `select_node()`, `create_node()` 等,用于动态操作树结构: ```javascript // 选择一个节点 $("#tree").jstree("select_node", "#node_id"); // 创建新节点 $...

    基于Jquery的JSTree实例

    JSTree的官方文档详尽丰富,涵盖了所有可用的配置项和方法,是学习和使用JSTree的重要参考资料。 总结来说,基于jQuery的JSTree是一个功能强大的树型组件,能够满足多种场景的需求,通过灵活配置和丰富的API,可以...

    extjs的tree的使用

    对于Tree组件,你可以通过修改`.x-tree-node-icon`、`.x-tree-node-text`等类来调整节点图标和文本的样式。 ### 总结 ExtJS的Tree组件是一个功能强大且高度可定制的工具,用于展示分层数据。通过上述介绍,你应该...

    jquery-easyui-tree学习

    同时,Tree组件提供了一系列事件,如`onClick`、`onBeforeExpand`、`onBeforeCollapse`等,开发者可以根据需求绑定自定义的处理函数。 7. **实际应用场景**: jQuery EasyUI Tree常用于网站的导航菜单,例如在后台...

    ztree+jstree最简单htm实例

    5. 事件处理:jstree提供了一系列事件,如`'ready.jstree'`、`'select_node.jstree'`等,可以监听并处理这些事件以实现特定功能。 在本实例中,"ztree+jstree最简单htm实例"可能是将这两个插件的功能结合在一起,...

    jstree ajax application

    本文介绍了 jstree AJAX 应用的相关知识,包括 jstree 的简介、AJAX 技术概述、jstree 与 AJAX 的结合方式以及具体的实现方法。通过上述内容,读者可以了解到如何利用 jstree 和 AJAX 技术来构建高效、互动性强的树...

    jsTree v.1.0中文文档

    1. **API方法**:如`jstree('create_node')`用于创建新节点,`jstree('rename_node')`用于重命名节点,`jstree('delete_node')`用于删除节点等。 2. **事件**:jsTree触发一系列事件,如`create_node.jstree`在创建...

    jsTree大集合(最完整)

    jsTree提供了一系列API,如`get_node`获取节点信息,`select_node`选择节点,`rename_node`重命名节点,`delete_node`删除节点,以及`open_node`和`close_node`展开或折叠节点等。 4. **事件处理** 用户与树的...

    jQuery jsTree大集合

    jsTree提供了一系列事件(如`select_node.jstree`、`create_node.jstree`等)和API方法(如`get_json`、`rename_node`等),允许开发者在树操作前后进行逻辑处理,或直接对树结构进行修改。 **六、实际应用案例** ...

    easyui tree

    EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。在 EasyUI 中,"Tree" 是一个重要的组件,常用于展示层级结构的数据,如组织架构、文件目录等。本例子是关于如何...

    nodejs实现读取本地文件生成目录树

    Node.js提供了一系列强大的文件系统(fs)模块,使得开发者能够方便地进行文件和目录的操作。本篇文章将深入探讨如何使用Node.js实现这一功能。 首先,我们需要了解Node.js的fs模块。fs模块是Node.js的核心模块,...

    jstree jquery

    3. **初始化 JSTree**:在页面中选择一个元素作为 JSTree 的容器,然后使用 jQuery 选择器和 `jstree` 方法进行初始化,传入配置选项和数据。 4. **配置 JSTree**:在初始化时,你可以设置各种选项,如启用复选框、...

    layui tree树结构源码

    这些操作通过调用layui提供的API实现,例如`tree.checkNode`用于勾选复选框节点,`tree.expandNode`用于展开节点,`tree.removeNode`用于删除节点。 5. **事件绑定**: layui tree允许用户自定义节点的点击、双击...

    easyui tree 三帧界面

    在IT行业中,EasyUI是一个基于JavaScript和jQuery的前端框架,它提供了一系列的UI组件,用于构建用户界面。在“easyui tree 三帧界面”这个主题中,我们主要讨论的是如何利用EasyUI的Tree组件来创建一个具有三个独立...

    ExtJs框架系列之filetree 源码

    在"ExtJs框架系列之filetree 源码"中,我们关注的是FileTree组件,它是一个可交互的文件系统树形视图,允许用户浏览、操作目录和文件。这个组件在Web应用中尤其常见,用于模拟桌面操作系统中的文件管理器。 File...

    jsTree菜单大集合

    在"jsTree大集合"中,你将找到一系列关于jsTree的示例、插件和资源,这些内容可能包括但不限于: 1. **基础使用**:jsTree的基本安装和初始化,如何通过HTML、JavaScript代码设置树节点,以及如何绑定事件来响应...

Global site tag (gtag.js) - Google Analytics