ExtJs IconCls не работает в панели инструментов - PullRequest
Новая
       32

ExtJs IconCls не работает в панели инструментов

1 голос
/ 31 октября 2011

Значки не отображаются на панели инструментов моей 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; 
}

Ответы [ 2 ]

6 голосов
/ 31 октября 2011

Однажды у меня была такая же проблема, и я обнаружил, что стиль в Ext переопределяет мое изображение. Поэтому при работе с панелями инструментов я всегда добавляю !important к background-image: 

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

Я добавил этот ответ, чтобы уточнить, что на вопрос был дан ответ, который, кажется, помогает ОП.

0 голосов
/ 19 января 2013

У меня были те же проблемы при указании iconCls с фоновым изображением, которое появлялось для пунктов меню первого уровня, но не для пунктов подменю.Я подтверждаю, что добавление! Важное после определения background-iamge решило эту проблему.

...