Extjs 树节点操作常用属性

tree: 树     node:节点

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注：如果这种方式拿出来的ID带有Store 的ID 则试试 node.internalId

12、获取节点值node.text

13、获取节点提示node.attributes.qtip

14、node.attributes.mid//这里的mid是我数据库中一个字段，我在查询的时候一并传入到客户端,这时我就可以使用node.attributes.mid，这样一来我们就可以隐藏一些我们使用但又不必   让客户知道的相关属性了。。。

带选择框    注：只需在服务器返回的json数据每一个节点加上checked:true或者false属性 就会出现带选择框的树

15、获取选中的节点

var nodes=tree.getChecked();

Ext.each(nodes,function(node){})

16、获取是否选择node.getUI().checkbox.checked;

17、设置节点选择node.ui.toggleCheck(trye);//显示选中node.attributes.checked=true//赋值

18、设置一个新的节点

var newNode=new Ext.tree.TreeNode({id:'id',text:'text',iconCls:'url',qtip:'tip'})

19、插入新的节点node.appendChild(newNode);

20、删除节点node.remove();

21、这里所说的选中时指鼠标点击一个节点背景变色的选中,而非checkBox的勾选,若要获得checkBox的选中使用tree.getChecked();

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

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

Ext.tree.MultiSelectionModel目前在Ext中有两个Ext.tree.DefaultSelectionModel.getSelectedNode()返回的是单个节点对象

22、选中节点和父节点

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个函数合并执行

functioncheck(node)

{

tree.suspendEvents();//暂停所有监听事件的执行

treeclick(node);

parentclick(node);

tree.resumeEvents();//重新开始所有监听事件的执行

}