当节点支持展开/折叠时,如何更改每个节点的树节点图标?
例如,我可以使用以下CSS全局设置树的展开/折叠图标:
#reports-tree .x-tree-icon-parent
{
background-image: url('../images/tree/folder_closed.png');
background-repeat: no-repeat;
}
#reports-tree .x-grid-tree-node-expanded .x-tree-icon-parent
{
background-image: url("../images/tree/folder_opened.png");
background-repeat: no-repeat;
}
我也可以使用iconCls
作为标准设置单独的leaf
图标。
但是,在某些情况下,我希望为非叶节点提供自定义图标,而不是使用普通的展开/折叠图标。
发布于 2012-09-24 11:39:10
似乎解决方案是为图标CSS插入!important
,例如:
.sg-arp-reports-tree-report-stim {
background-image: url('../images/tree/report_stim.png') !important;
background-repeat: no-repeat;
}
这似乎如预期的那样工作,并且无论展开/折叠还是叶/非叶,图标都保持不变。
发布于 2013-07-04 07:50:22
这应该会对你有帮助
#helpContentsTree .x-tree-node-expanded .x-tree-node-icon
{
background-image: url("test1.gif") !important;
background-repeat: no-repeat;
}
#helpContentsTree .x-tree-node-collapsed .x-tree-node-icon
{
background-image: url("test.jpg") !important;
background-repeat: no-repeat;
}
https://stackoverflow.com/questions/12563862
复制相似问题