extjs节点的简单介绍

• 1、extJs如何找到树的某个节点
• 2、在Extjs4.0中，设置节点为选中状态
• 3、extjs 给treepanel增加节点
• 4、EXTjs 怎样遍历树的所有节点获取节点下的值
• 5、extjs怎么获取元素节点
• 6、Extjs4 中怎么获取根节点并展开第一层

extjs tree的节点里面的id不是html dom节点的id，你用ext.getCmp()方法是获取不到这个dom节点的。

要获取叶子节点的值，首先要获取节点node，然后用node.attributes.id获得这个节点的id

给你一段我程序里面的代码参考

var root=new Ext.tree.AsyncTreeNode({

   id:’root’,

   text:’数据维护’,

   children:[

    {

     text:’GPON配置’,

     children:[

      {id : ‘ont_status_form’,text : ‘查看ONT状态’,leaf:true}

     ]

    },{

     text:’EPON配置’,

     children:[

       {id : ‘pon_form’,text : ‘查PON口发光功率’,leaf:true}

     ]

    },{

     text:’数据模板配置’,

     children:[

      {id : ‘ont_kdsj_2_form’,text : ‘EPON二平面用户ONU宽带数据制作’,leaf:true}

     ]

    },{

     text:’ITV配置’,

     children:[

      {id : ‘egpon_itvcheck_2_form’,text : ‘EPON、GPON  E8C二平面数据检查’,leaf:true}

     ]

    }

   ]

   });

var command_tree = new Ext.tree.TreePanel({

title : “数据维护”,

region : “west”,

width : 200,

height : 50,

split : true,

margins : “0 0 5 5”,

autoScroll : true, //滚动条

collapsible : true,

collapseMode : ‘mini’,

rootVisible : true,

tbar:new Ext.Toolbar(),

root : root,

listeners : {

click : function(node, event) {  //树点击事件

// click : (Node

if(node.leaf){  //如果是叶子节点

// node,Ext.EventObject e )

 alert(node.attributes.id);    //这个就是得到节点属性

}

}

}

});

不需要设置，extjs4的树节点实际上是这个类Ext.data.NodeInterface

你从后台传递到前台树的json数据格式要满足这个类的属性要求，其中checked属性用来设置该节点是否被勾选

Ext.getCmp(这个treepanel的ID).getRootNode().appendChild(待添加节点或者节点数组),这样的话就能在树的根节点上添加一个子节点

//tree 是个Ext.tree.TreePanel对象

var roonodes = tree.getRootNode().childNodes; //获取主节点

findchildnode(roonodes); //开始递归

function findchildnode(node){

var childnodes = node.childNodes;

for(var i=0;ichildnodes.length;i++){ //从节点中取出子节点依次遍历

var rootnode = roonodes[i];

alert(rootnode.text);

if(rootnode.childNodes.length0){ //判断子节点下是否存在子节点

findchildnode(rootnode); //如果存在子节点 递归

}

}

}

extjs tree的节点里面的id不是html dom节点的id，你用ext.getCmp()方法是获取不到这个dom节点的。 要获取叶子节点的值，首先要获取节点node，然后用node.attributes.id获得这个节点的id 给你一段我程序里面的代码参考 var root=new Ext.tree.

展开节点的代码放到你的store的load事件中，ajax是异步加载的，执行展开代码先于ajax返回数据

var store = Ext.create(‘Ext.data.TreeStore’, {

//autoLoad : true,

proxy: {

type: ‘ajax’,

url: ‘extjs/compassApi_loadTableListTree.action’,

reader: {

type: ‘json’,

root: ‘children’

}

},

sorters: [{

property: ‘leaf’,

direction: ‘ASC’

}],

root: {

expanded: true

},

listeners:{load: function () {

var rootnode = tree.getRootNode();

console.log(tree.getRootNode());

if (rootnode.childNodes.length 0) {

console.log(1);

rootnode.childNodes[0].expand();

}

}}

});