如何动态更换树节点的图标

Question

[code="js"]
Ext.onReady(function(){

  var root=new Ext.tree.TreeNode({
        id:"root",
        text:"根"
  });


  var t1=new Ext.tree.TreeNode({
    id:'t1', 
    icon:'icon.gif',
    text:'child1'
  });
    var t2=new Ext.tree.TreeNode({
    id:'t2', 
    icon:'icon.gif',   
    text:'child2'
  });

  root.appendChild(t1); 
  root.appendChild(t2);

  var tree=new Ext.tree.TreePanel({
    renderTo:document.body,
    root:root,
    rootVisible:true
  });

})
[/code]

Answer 1

动态改变图标没有直接的方法调用的.
一般要先获得节点的UI,然后获得图标元素才能修改,相对复杂.

[code="js"]t2.on('click',function(node){
node.getUI().getIconEl().src = 'img/1.gif';
});[/code]

查api看到getIconEl方法返回的是图标的 img 元素
[code="java"]
getIconEl() : HtmlElement
Returns the icon element.[/code]

getIconEl().src 赋值新图片地址就可以了