ExtJs修改树形结点的Icon?
谁知道ExtJs中怎样修改TreeNode的icon,用IconCls,外面引用css样式?
这是我写的样式
.x-tree-node-collapsed .myCollapsed{background-image: url('../images/add.gif')}
.x-tree-node-expanded .myExpanded{background-image: url('../images/delete.png')}
.x-tree-node-leaf .myLeaf{background-image: url('../images/cog.png')}
然后在
var tree=new Ext.tree.TreePanel({
//省略其它配置
root:{
nodeType: 'async',
draggable:false,
iconCls:'myCollapsed'
},
listeners:{
expand:function(node){
node.iconCls='myExpanded';
},
collapse:function(node){
node.iconCls='myCollapsed';
}
});//end tree
但没有出现想要的结果,求高手指教,不甚感激。