2014-10-09 53 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 2014-10-09 20:05:15

+1

我已經更新了我的答案和演示。 – 2014-10-09 20:13:08

+0

太棒了,謝謝! – zeke 2014-10-09 20:23:45