尝试着用iconCls属性定义TreeNode的图标样式,结果不行
iconCls:'icon-new'
.icon-new {
background-image: url(../extjs/icons/new.png);
}
然后尝试使用icon定义图标样式,结果没有问题,可是还是比较习惯使用css定义,查到extjs的的解决方案,使用iconCls定义样式时一定要用css的层叠写法才能正确显示,也就是
.x-tree-node .icon-new{background-image: url(../extjs/icons/new.png)}
以上是不考虑节点状态,如果需要考虑到节点的展开与关闭,则代码如下
/*为节点的开闭状态和叶节点状态分别设置样式*/
.x-tree-node-expanded .your-iconCls{background-image: url(youricon.gif)}
.x-tree-node-collapsed .your-iconCls{background-image: url(youricon2.gif)}
.x-tree-node-leaf .your-iconCls{background-image: url(youricon3.gif)}
分享到:
相关推荐
包含各种类型的extjs小图标,Extjs4小图标
extjs 2000个 icon 图标素材 16*16
各种镂空图标,已裁剪好,包含windows桌面大多数应用图标
extjs小图标(项目小图标大全)
Extjs 超级工具栏图标
extjs图标大全
extjs 10000个小图标、适用easyui、美工可根本不同需求修改样图
extjs bug 图标大全
extjs easyui小图标
extjs4.0 实现桌面图标换行,具体改动参考 4.0.2a\examples\desktop\App.js 核心方法参考这句 //这里初始化所有图标 this.initShortcut(); 我觉得我说的很清楚了,还不明白的留言,一点js不懂的请闪开,谢谢
icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发
ExtJs实用图标大全,近千个Extjs专用小图标,尺寸16x16。
由于最近在研究Extjs4.1.1,没想到Extjs没有自带的iconCls所使用的图标样式css,就是用那个写那个的,纠结了半天,网上也找了好久,还是自己写了个批量处理程序,集合了1713个png小图标,都是Extjs原生态的,直接...
NULL 博文链接:https://xiaomy.iteye.com/blog/2280263
ExtJS TreePanel TreeNode
5000个extjs小图标,网上搜索了半天找到的,看起来挺不错
extjs小图标大全,取自别人的资源,不过别人的是要分的
在网上下了一个extjs的图标,没有找到我想要的,在上传给别人下载,看其他人有没有需要.下载时积分比较多,现在做共享之用
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
extjs,开发必备小图标,大量图标供你选择!