Extjs 自定义ext js grid/accordion中的展开/折叠按钮

有没有办法自定义ExtJs grid/accordion中的展开（+）/折叠（-）按钮。

您可以通过覆盖工具图标的CSS来更改图标。可以将类名添加到accordion面板，并使用该类名将样式应用到工具按钮

示例代码片段

Ext.create（'Ext.panel.panel'{
标题：“手风琴布局”，
宽度：200，
身高：300，
布局：{
类型：“手风琴”
},
cls:“我的手风琴”，
项目：[{
标题：“小组1”，
html:“面板内容！”
}, {
标题：“小组2”，
html:“面板内容！”，
真的吗
}, {
标题：“小组3”，
html:“面板内容！”，
真的吗
}],
renderTo:Ext.get（“容器”）
});
正文{
填充：0px；
}
.我的手风琴.x-accordion-hd.x-tool-over.x-tool-collapse-top，
.我的手风琴.x-accordion-hd.x-tool-over.x-tool-collapse-bottom，
.我的手风琴.x-accordion-hd.x-tool-collapse-top，
.我的手风琴.x-accordion-hd.x-tool-collapse-bottom{
背景位置：0-570px；
}
.my accordion.x-accordion-hd.x-tool-over.x-tool-expand-top，
.my accordion.x-accordion-hd.x-tool-over.x-tool-expand-bottom，
.我的手风琴.x-accordion-hd.x-tool-expand-top，
.我的手风琴.x-accordion-hd.x-tool-expand-bottom{
背景位置：0 525px；
}

您想如何定制手风琴？只是通过改变按钮的位置，图标等吗？我想改变那些图标。在检查时，我发现他们使用了这些图标的背景图像。覆盖这些类可能会有所帮助，但我认为这不是最佳做法。是的@SreenathPG:您需要覆盖图标类以进行展开-折叠。这不会妨碍任何类型的最佳做法，因为我们正在进行自定义。如果我想为特定网格自定义这些按钮，重写这些类可能会影响其余的网格/手风琴。你们有其他的解决方案吗？前面的代码也可以回答。包括css也很好。嗨，Sreenath，很乐意帮忙。如果此答案或任何其他答案解决了您的问题，请将其标记为已接受。