Extjs Treepanel：CSS 更改默认图标（节点和叶子）

【问题标题】：Extjs Treepanel: CSS to change default icons (node and leaf)Extjs Treepanel：CSS 更改默认图标（节点和叶子）
【发布时间】：2013-07-11 23:56:36
【问题描述】：

我有一个像 http://jsfiddle.net/bmbMy/ 这样的树形面板我尝试使用 css 更改默认图标（节点和叶子）。但这不起作用。

.x-grid-row  .x-grid-tree-node-expanded {
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important;
}
.x-grid-row  .x-grid-tree-node-leaf {
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png');
}

我该怎么做谢谢

【问题讨论】：

标签： extjs tree extjs4 extjs4.1 extjs4.2

【解决方案1】：

您没有覆盖正确的 css 类。这是您需要的：

.x-grid-tree-node-expanded .x-tree-icon-parent {
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important;
}
.x-grid-row  .x-tree-icon-leaf {
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png');
}

还有更新后的jsfiddle。

【讨论】：

+1 .. 我注意到如果您没有任何自定义样式，则加载掩码会在加载死者树节点时显示。有没有办法自定义掩码，以便它使用默认的加载掩码，就像没有这些样式一样？如果没有加载掩码，就很难判断节点何时加载，尤其是当它是递归的时候。