css - 将图标添加到 Extjs 工具栏

Question

我正在尝试向我的工具栏添加一个图标(任意 - 不与按钮相关联)。

在我的 CSS 中，我这样定义 URL:

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

如果我使用 iconCls 为按钮设置图标，效果很好。

我想要标签或图片中的这个图标

我试过了:

            xtype: 'label',
            iconCls: 'myCoolLookingIcon '

和

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

但这似乎在任何一种情况下都不起作用。

Answer 1

这是实现您想要的方式之一(不使用 iconCls)

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

试试这个:

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

提供宽度和高度，使其工作。