将图标添加到Extjs工具栏

我想将图标添加到我的工具栏（任意 - 不与按钮关联）。将图标添加到Extjs工具栏

在我的CSS我定义URL是这样的：

.myCoolLookingIcon { 
    background-image: url('../ext-theme-gray/images/grid/columns.gif'); 
}

而且，如果我用iconCls设置按钮图标正常工作。

我想在一个标签或图像

该图标我曾尝试：

  xtype: 'label', 
      iconCls: 'myCoolLookingIcon '

和

  xtype: 'image', 
      html: '<img class="myCoolLookingIcon "/>'

但是这似乎并没有在这两种情况下工作。

来源

2014-06-27 Oliver Watkins

你不能只是配置配置。标签没有'iconCls'配置。 –

这是实现你想要什么（不使用iconCls）的方法之一

xtype:'label', 
html: '<img src=\"path_to_icon\">'

试试这个：

xtype:'label', 
html: '<img class="className" width="20" height="20">'

给予的宽度和高度，使得它的工作。

来源

2014-06-27 12:32:12

是的，我看着那个。对我来说似乎有点太凌乱 –

添加了一些东西。不能正常工作 –

ahh在我的例子中忘了宽度和高度:)谢谢 –

最终我最终这样做了。有点哈克，但它的工作。

{ 
    xtype: 'label', 
    itemId: 'labelWithIcon', 
    text: '', 
    cls: 'classNameWithImgBackground', 
    listeners: { 
     render: function() { 
     this.setText('<span style="margin-left: 16px;">Label Text</span>', false); 
     } 
    } 
}

来源

2016-08-04 19:15:41

将图标添加到Extjs工具栏

回答

相关问题