ext TreePanel树节点操作

1、全部展开 tree.expandAll();
2、全部收缩 tree.collapseAll();
3、得到父节点 node.parentNode
4、判断是否有父节点 node.parentNode==null
5、判断是否有子节点 node.hasChildNodes()
6、获取下一级所有子节点 node.eachChild(function(child) { })
7、获取选择的节点 tree.getSelectionModel().getSelectedNode()
8、设置选中节点 node.select()
9、上移节点 node.selectPrevious();
10、下移节点 node.selectNext();
11、获取节点ID node.id
12、获取节点值 node.text
13、获取节点提示 node.attributes.qtip

带选择框
14、获取选中的的节点
var check= tree.getChecked();
Ext.each(check ,function(node){})

15、获取是否选择 node.getUI().checkbox.checked;
16、设置节点选择 node.ui.toggleCheck(true); //显示选中 node.attributes.checked = true; //赋值

17、设置一个新的节点 
var newNode=new Ext.tree.TreeNode({id:'id',text:'text',iconCls:'icon-group',qtip:'tip'}); iconCls 导入的是CSS设置的背景图片(节点图标)
css写法： .x-tree-node-leaf .icon-group{ background-image:url(group.png);} 前.x-tree-node-leaf必写

18、插入新的节点 node.appendChild(newNode);
19、删除节点 node.remove(); 

20 

这里说的选中是指鼠标点击一个节点后，节点那一行出现浅蓝色背景的选中，而非checkbox的勾选

方法

Ext.tree.TreePanel.getSelectionModel().getSelectedNode();

Ext.tree.TreePanel.getSelectionModel()获得的是一个TreeSelectionModel对象，

这个TreeSelectionModel目前在Ext中有两个Ext.tree.DefaultSelectionModel和Ext.tree.MultiSelectionModel

Ext.tree.MultiSelectionModel的获取选中节点的方法是getSelectedNodes ()，这个返回的是节点数组，Ext.tree.DefaultSelectionModel.getSelectedNode()返回的是单个节点对象

21 选中节点和父节点

1）、父节点选择

function parentclick(node)
{
var parent=node.parentNode; //获取父节点
var flag=node.getUI().checkbox.checked; //判断是否选中
if(parent!=null ) //父节点不为空
{
parent.ui.toggleCheck(flag); //选中
parent.attributes.checked = flag; //给值
parentclick(parent); //递归调用选中父节点
}
}

2）、选择子节点

function treeclick(node)
{ 
var flag=node.getUI().checkbox.checked; //获取选中状态
if (node.hasChildNodes()) { //是否有子节点
node.eachChild(function(child) { //循环下一级的所有子节点
child.ui.toggleCheck(flag); //选中
child.attributes.checked = flag; //赋值
treeclick(child); //递归选中子节点
});
}
}

3）、2个函数合并执行

function check(node)
{
tree.suspendEvents(); //暂停所有监听事件的执行
treeclick(node);
parentclick(node);
tree.resumeEvents(); //重新开始所有监听事件的执行 
}

注：

选中事件发生在子节点,但要通过toggleCheck()改变其父节点未被选中的状态,而一旦改变了父节点未被选中状态为选中状态，就会激发树中的<CheckChange Handler="check(node)" />事件，每次激发，传入的节点值node一直在改变，陷入一个死循环。因此要加入suspendEvents()停止监听事件，执行完后再恢复监听

22 如果使用Ext.QuickTips.init()替换tree.expandAll()，则只显示根节点。

23.Ext.data.Node
主要配置项：
id：节点id
leaf：当前节点是否为叶子节点
主要属性：
id：节点id
attributes：节点属性的集合
parentNode：当前节点的父节点
childNodes：当前节点所有子节点组成的数组
firstChild：当前节点的第一个直接子节点，如果没有则为null值
lastChild：当前节点的最后一个直接子节点，如果没有则为null值
nextSibling：当前节点的下一个兄弟节点，如果没有则为null值
previousSibling：当前节点的前一个兄弟节点，如果没有则为null值
主要方法：
appendChild( Node/Array node )：追加新的子节点
bubble( Function fn, [Object scope], [Array args] )：从当前节点开始向上迭代调用指定函数，如果指定函数返回false则将终止迭代。
args：传入函数中的参数，默认为当前节点
cascade( Function fn, [Object scope], [Array args] )：从当前节点开始向下迭代调用指定函数，如果指定函数返回false则将终止迭代。
contains( Node node )：当前节点是否包含指定子节点。
eachChild( Function fn, [Object scope], [Array args] )：迭代当前节点的所有子节点调用指定函数，如果指定函数返回false则将终止迭代。
findChild( String attribute, Mixed value )：查找具有指定属性的第一个子节点。
findChildBy( Function fn, [Object scope] )：根据自定义函数查找第一个符合要求的子节点，如果自定义函数返回true则说明匹配成功。
getDepth()：取得当前节点的深度，根节点的深度为0
getOwnerTree()：取得当前节点所在树。
getPath( [String attr] )：取得当前节点对应的路径，这个路径在程序中可用于展开或者选择节点。
attr：用于查找路径的属性，默认为节点id
hasChildNodes()：是否有子节点
indexOf( Node node )：取得指定子节点的索引值，未找到返回-1。
insertBefore( Node node, Node refNode )：在当前节点的指定子节点之前插入一个新的子节点。
node：要插入的新节点
isAncestor( Node node )：判断指定节点是否为当前节点的父节点（可以是任何一级中的父节点）。
isFirst()：是否为父节点的第一个子节点。
isLast()：是否为父节点的最后一个子节点。
isLeaf()：是否为叶子节点。
item( Number index )：取得指定索引的子节点。
remove()：从父节点中删除当前节点。
removeChild( Node node )：删除当前节点的指定子节点。
replaceChild( Node newChild, Node oldChild )：用新的子节点替换当前节点的指定子节点。
sort( Function fn, [Object scope] )：用指定的排序函数为当前节点的子节点进行排序。