样式使用Ext Js 6.0.1中的IconCls在xtype按钮中获取Overriden

Question

我是ext js开发的新手。我需要一个带有图标和文字的extjs按钮。按钮行为（onmouseover，onclick等）应与extjs按钮相同。 我正在使用svg文件中的图标。

以下是我尝试的步骤，但它的行为与extjs按钮不同：

1. Panel.js：

xtype：＆＃39;按钮＆＃39;， iconCls：＆＃39; svgImage＆＃39;， minWidth：20， maxWidth：40， 本地化：{text：＆＃39; localtext＆＃39; }

这里即使我添加了风格：＆＃39;背景颜色：#eefea＆＃39;对于xtype，它将从按钮中消失图像。

我很感激，如果有人面对同样的问题并为此做出解决方案。

Answer 1

有两个配置选项可用于设置按钮的图像：

• iconCls - 要应用于图标元素的一个或多个空格分隔的CSS类
• 图标 - 网址为
的网址

在此处查看我的实时演示：https://ext4all.com/post/extjs-6-button-with-svg-icon.html