2014-10-09 3 views
1

Это, вероятно, должно быть довольно напряженным, но я не смог понять это. Я просто пытаюсь показать маску нагрузки на компоненте без изображения счетчика. Все остальное я хочу выглядеть точно так же.ExtJS 4 - Показать LoadMask без изображения счетчика

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

Ext.onReady(function() { 
     Ext.create('Ext.window.Window', { 
      height: 500, 
      width: 500, 
      autoShow: true, 
      title: 'Loadmask example', 
      html: 'adsfa', 
      listeners: { 
       boxready: function (win) { 
        var lm = new Ext.LoadMask(win, { 
         msg: 'loadmask msg' 
        }); 
        lm.show(); 
       } 
      } 
     }); 
    }); 

jsfiddle

ответ

3

Добавить пользовательский класс CSS для LoadMask объекта. Вам необходимо переопределить фон этого класса.

.custom-mask .x-mask-msg-text { 
    background: transparent !important; 
    padding: 5px !important 
} 

Demo

+0

Спасибо. Тем не менее, порой мне все еще нужно иметь возможность использовать маску по умолчанию с помощью счетчика. Есть ли способ применить класс css, как ваш, к отдельной маске загрузки? – zeke

+1

Я обновил свой ответ и демонстрацию. –

+0

Awesome, спасибо! – zeke

Смежные вопросы