[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]
动态改变图标没有直接的方法调用的.
一般要先获得节点的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 赋值新图片地址就可以了
用TreeNode.getUI()得到ui,再改icon,应该就ok了
TreeNodeUI ui = TreeNode.getUI()