ext treePanel 更换图标 总结

1.动态更换图标：
代码

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

2.覆写 Ext.tree.TreeLoader 的 createNode

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 引用之后。

.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);
}

评论

2 楼 527184687 2013-12-12  

[flash=200,200][url][img][list]

[*]

引用
[u][i][b][/b][/i][/u]

[/list][/img][/url][/flash]

1 楼 xiaovsme 2010-04-15  

Ext.tree.MyTreeLoader这个MyTreeLoader是您自定义的方法吗？这个要写在tree的里面还是外面啊，请楼主指点