ExtJs修改树形结点的Icon？

lizhaojun1990 2011-10-07 06:36:12

谁知道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

但没有出现想要的结果，求高手指教，不甚感激。

...全文

654 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

chenhao 2013-01-17

打赏
举报

楼主是怎么解决的啊求方法

z_yes163 2012-12-27

打赏
举报

引用 8 楼 mingzidaodiduochang 的回复:

[code=css][.tree1 { background-image: url(../images/tree1.gif) !important; } .tree2 { background-image: url(../images/tree2.png) !important; } .tree3 { background-image: url(..……

名字到底多长 2012-12-27

打赏
举报

[code=css][.tree1 { background-image: url(../images/tree1.gif) !important; } .tree2 { background-image: url(../images/tree2.png) !important; } .tree3 { background-image: url(../images/tree3.png) !important; } .tree4 { background-image: url(../images/tree4.gif) !important; } .tree5 { background-image: url(../images/tree5.png) !important; } .tree6 { background-image: url(../images/tree6.png) !important; } .tree7 { background-image: url(../images/tree7.gif) !important; } .tree8 { background-image: url(../images/tree7.png) !important; }/code] 不谢

lizhaojun1990 2012-12-26

打赏
举报

在css里要加上!important，就生效了。

aa_aaaaaa 2012-11-30

打赏
举报

请问楼主还记得这个最后是怎么解决的吗？

lizhaojun1990 2011-10-07

打赏
举报

收缩的时候图标是正确显示的

但展开时图标没有正确显示

似乎listeners中的setIconCls()不起作用

lizhaojun1990 2011-10-07

打赏
举报

我把程序改了一下
.x-tree-node-collapsed .myCollapsed{background-image: url('../images/add.gif')}
.x-tree-node-expanded .myExpanded{background-image: url('../images/delete.gif')}
.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.setIconCls('myExpanded');
},
collapse:function(node){
node.setIconCls('myCollapsed');
}
}
});//end tree

lizhaojun1990 2011-10-07