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

时间:2017-05-03 09:49:02

标签: javascript extjs extjs5 extjs6

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

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

  1. Panel.js:
  2. xtype:'按钮', iconCls:' svgImage', minWidth:20, maxWidth:40, 本地化:{text:' localtext' }

    这里即使我添加了风格:'背景颜色:#eefea'对于xtype,它将从按钮中消失图像。

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

1 个答案:

答案 0 :(得分:0)

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

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

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