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 作业
写回复
用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(..……
+1
名字到底多长 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
  • 打赏
  • 举报
回复
不是../和./的问题
24K純帥 2011-10-07
  • 打赏
  • 举报
回复
那你这样图标是没变还是没了?
淡定的峰哥 2011-10-07
  • 打赏
  • 举报
回复
图片引用的路径可能不对 用./和../来慢慢调试试

67,550

社区成员

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧