ext treepanel 更换图标

1.动态更换图标：
代码

Js代码

1. node.on( 'click' , function (node){  
2.     node.getUI().getIconEl().src = 'img/1.gif' ;  
3. });  

node.on('click',function(node){
    node.getUI().getIconEl().src = 'img/1.gif';
});

2.覆写 Ext . tree .TreeLoader 的 createNode

Js代码

1. Ext .tree .MyTreeLoader =  function (config) {     
2.   Ext .tree .MyTreeLoader.superclass.constructor.call(this , config);     
3. };   
4. Ext .extend(Ext .tree .MyTreeLoader, Ext .tree .TreeLoader, {    
5. createNode : function (attr) {   
6. //        if (attr.leaf == true) {      
7. //          attr.icon = '../../../resources/images/icons/fam/188.gif';    
8.             attr.iconCls = "xxx-tree -node-expanded" ;    
9. //        }      
10.         return  Ext .tree .DWRTreeLoader.superclass.createNode.call( this , attr);     
11.     }   
12. }     

Ext
.tree
.MyTreeLoader = function(config) {   
  Ext
.tree
.MyTreeLoader.superclass.constructor.call(this, config);   
}; 
Ext
.extend(Ext
.tree
.MyTreeLoader, Ext
.tree
.TreeLoader, {  
createNode : function(attr) { 
//        if (attr.leaf == true) {   
//          attr.icon = '../../../resources/images/icons/fam/188.gif'; 
            attr.iconCls = "xxx-tree
-node-expanded";  
//        }   
        return Ext
.tree
.DWRTreeLoader.superclass.createNode.call(this, attr);   
    } 
}   

3.直接在 ext -all.css 中的下面这段样式放在 tree 所在页面修改图标，或直接在
  ext -all.css 中改也行。若要是把这段css放在单独的文件总引用，必须放在
  ext -all.css 引用之后。

Css代码

1. .x-tree -node-expanded .x-tree -node-icon{  
2.     background-image:url(../images/default/tree /folder-open.gif);  
3. }  
4.   
5. .x-tree -node-leaf .x-tree -node-icon{  
6.     background-image:url(../images/default/tree /leaf.gif);  
7. }  
8.   
9. .x-tree -node-collapsed .x-tree -node-icon{  
10.     background-image:url(../images/default/tree /folder.gif);  
11. }  

.x-tree
-node-expanded .x-tree
-node-icon{
	background-image:url(../images/default/tree
/folder-open.gif);
}

.x-tree
-node-leaf .x-tree
-node-icon{
	background-image:url(../images/default/tree
/leaf.gif);
}

.x-tree
-node-collapsed .x-tree
-node-icon{
	background-image:url(../images/default/tree
/folder.gif);
}