ExtJS 4 - 显示没有微调器图像的 LoadMask

Posted 2023-02-26

【中文标题】ExtJS 4 - 显示没有微调器图像的 LoadMask

【英文标题】：ExtJS 4 - Show LoadMask without spinner image

【发布时间】：2014-10-09 19:25:54

【问题描述】：

这应该很简单，但我无法弄清楚。我只是想在没有微调器图像的组件上显示加载掩码。其他一切我都希望看起来完全一样。

我设置了一个应用了常规负载掩码的 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

【参考方案1】：

向LoadMask 对象添加自定义css 类。你需要覆盖这个类的背景。

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

Demo

【讨论】：

谢谢。但是，有时我仍然需要能够将默认加载掩码与微调器一起使用。有没有办法将像您这样的 css 类应用于单个负载掩码？