Question

我的gridPanel工具栏上没有显示图标 - 只显示文本。

我应该使用特定的css类吗？我尝试使用button.print和.print但都没有工作。

,tbar: [
{
     text   : 'Print',
     iconCls: 'print',
     handler: function() {
         Ext.ux.Printer.BaseRenderer.prototype.stylesheetPath = 'css/DETR_WEB.print.css';
         var grid = Ext.getCmp("outstandingGrid");
         alert(grid.title);
         Ext.ux.Printer.print(grid);
    }
}]

.print{
    background-image: url(../images/print.png);
    background-repeat: no-repeat; 
}

Answer 1

我曾经遇到过同样的问题，我发现Ext中的一个样式覆盖了我的图像。因此，在处理工具栏时，我总是将!important添加到background-image：

background-image: url(../images/print.png) !important;

我已经添加了这个答案，以澄清这个问题已经得到了一个似乎有助于OP的解决方案。

Answer 2

我在指定带有背景图像的iconCls时遇到了同样的问题，该图像显示的是第一级菜单项而不是子菜单项。我确认在background-iamge定义之后添加！important解决了这个问题。

ExtJs IconCls无法在ToolBar中运行

2 个答案: