将图标添加到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">'

给予宽度和高度,使其工作.