extjs 10 Tree 1

继承自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排序子节点

事件略



ext中的Tree组件可以用来在页面实现树型布局的效果，包括常见的树型菜单等，那么我们怎样才能生成一个Tree呢，主要有以下四个步骤；
1.定义一个Tree对象：
var tree = new Ext.tree.TreePanel('tree', {
                 animate:true,
                 loader: new Ext.tree.TreeLoader({
                         dataUrl:'get-nodes.jsp',
                         baseParams: {lib:'yui'}
                 }),
                 enableDD:true,
                 containerScroll: true,
                 dropConfig: {appendOnly:true}