extjs3 和 extjs4 tree(树)换节点图标及去掉图标后去掉空白部分

来源：互联网发布：如何提高数据分析能力编辑：程序博客网时间：2024/05/23 00:41

===============================extjs 3==================================

/*ext/resources/ext-all.css 817行闭合文件夹图标*/
.x-tree-node-collapsed .x-tree-node-icon{
background-image:url(../images/default/tree/folder.gif);
}

/*ext/resources/ext-all.css 7134行打开文件夹图标*/
.x-tree-node-expanded .x-tree-node-icon
{
background-image: url(../images/default/tree/folder-open.gif);
}

/*ext/resources/xtheme-blue.css 812行节点图标*/
.x-tree-node-leaf .x-tree-node-icon{
background-image:url(../images/default/tree/leaf.gif);
}

/*ext/resources/ext-all.css 3220行图标所在位置设置*/
.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon
{
border: 0 none;
height: 18px; /*空白部分高*/
margin: 0;
padding: 0;
vertical-align: top;
width: 16px;/*空白部分宽*/
background-position: center;
background-repeat: no-repeat;
}

===============================extjs 4==================================

/* 文件夹图标 */
.x-tree-icon-parent

{
background-image: url(../images/default/tree/folder.gif);
}

/* 节点图标 */

.x-tree-icon-leaf{

background-image:url(../images/default/tree/leaf.gif);

}

想换的图标只需修改相应的图标，想去掉图标只需将图标所在位置设置：height:0px;width: 0px.

如果只想修改某个tree的样式，添加个cls就可以了。