`

[转载]EXT核心API详解Ext.data(十三)-Tree/Node

    博客分类:
  • EXT
阅读更多
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排序子节点
分享到:
评论
1 楼 juedui0769 2012-03-03  
都是把API翻译下,。。。。无语!!

相关推荐

    EXT核心API详解

    EXT核心API详解 1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 ...

    EXT核心API详解.doc

    EXT核心API详解主要涵盖了一系列与EXT.js库相关的类和对象,EXT.js是一个强大的JavaScript UI框架,用于构建富客户端Web应用程序。以下是对各个类的详细解释: 1. **Ext类**:EXT库的基础类,提供了许多实用的方法...

    Ext.ux.tree.treegrid异步加载

    ### Ext.ux.tree.TreeGrid 异步加载知识点详解 #### 一、Ext.ux.tree.TreeGrid简介 在ExtJS框架中,`Ext.ux.tree.TreeGrid`组件是一种结合了树形结构与表格显示特性的控件,适用于展示具有层级关系的数据。通过...

    extjs核心api详解.doc

    8. **Ext.tree**和**Ext.menu**:EXTJS支持树形结构,如Tree和Node,以及菜单系统,方便构建层级化的导航和操作菜单。 9. **Ext.menu.Menu**和**Ext.Toolbar**:这两部分分别详细介绍了菜单和工具栏的创建和使用,...

    extjs帮助文档pdf版

    ### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...

    extjs帮助文档

    ### ExtJS核心API详解 #### 一、Ext类(第2页) - **概述**:Ext类是ExtJS的核心基础类之一,它提供了一系列用于简化DOM操作和浏览器兼容性问题的方法。 - **常用方法**: - `Ext.isEmpty(value)`:检查给定值是否...

    Ext_Tree属性方法

    ### Ext_Tree属性方法详解 #### 一、Ext.tree.TreePanel `Ext.tree.TreePanel`是Ext框架中的一个组件,用于创建树形结构的数据展示。它提供了丰富的配置选项和方法来控制树形结构的行为和外观。 - **root**:定义...

    Ext解析XML实例

    var node = new Ext.tree.TreeNode({ text: t, leaf: !XmlEl.hasChildNodes() }); for (var i = 0, len = XmlEl.childNodes.length; i ; i++) { var childNode = treeNodeFromXml(XmlEl.childNodes[i]); if ...

    EXTJS___API详解

    其API详解涵盖了众多核心类和组件,使得开发者能够灵活地创建复杂的用户界面。以下是一些主要知识点的详细说明: 1. **Ext 类**:这是EXTJS的基础类,提供了许多实用的静态方法,如Ext.apply()用于对象属性的合并,...

    使用ExtJs构建树形菜单功能

    var node1 = new Ext.tree.TreeNode({ text: '湖南省' }); var node3 = new Ext.tree.TreeNode({ text: '广东省' }); var node2 = new Ext.tree.TreeNode({ text: '广州市' }); node3.appendChild(node2); // ...

    treepanel实例

    **Ext Tree Panel 实例详解** 在Web开发中,Ext JS是一个强大的JavaScript库,它提供了丰富的用户界面组件,其中Tree Panel是用于展示树形结构数据的重要组件。本文将深入讲解`Treepanel`的使用,包括其基本概念、...

    Extjs入门之动态加载树代码

    baseAttrs: {cls: 'x-tree-node-icon'}, loadMask: true }), listeners: { beforeload: function(node, eOpts) { console.log('正在加载节点:' + node.text); }, afterrender: function() { tree....

    ext树形动态菜单 .doc

    `Ext.tree.TreePanel` 是一个功能强大的树形菜单控件,支持自动滚动、动画效果、拖放等功能,并可以通过配置参数进行高度定制。 - **参数详解**: - `autoScroll`: 设置为 `true` 表示当内容超出容器时自动显示...

    ExtJS5树形菜单

    每个节点都是一个`Ext.tree.Node`实例,可以包含子节点。节点的数据可以通过`NodeInterface`定义,这个接口包含了节点的各种属性,如文本、图标、叶子状态等。 2. **配置项详解** - `rootVisible`: 控制是否显示树...

    extjs表格、树控件

    ### ExtJS表格、树控件知识点详解 #### 表格控件 ##### 1.1 基本表格 `GridPanel` 在ExtJS框架中,`GridPanel` 是实现表格功能的核心组件,它继承自 `Panel` 类,具有丰富的功能如排序、缓存、拖拽列、隐藏列、...

    Extjs之tree

    ExtJS之Tree组件详解 在Web开发中,用于展示层级关系数据的树形结构是非常常见的,比如文件系统、组织架构等。ExtJS作为一款强大的JavaScript UI框架,提供了丰富的Tree组件来满足这一需求。本篇文章将深入探讨...

    基于layui的dtree 树形组件

    **基于layui的dtree树形组件详解** 在Web开发中,树形组件是一种常见的数据展示方式,它能够清晰地组织和展示层次结构的数据。layui是一个轻量级的前端框架,而dtree是layui扩展的一个树形插件,适用于构建各种管理...

Global site tag (gtag.js) - Google Analytics