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

时间:2014-10-09 19:25:55

标签: css extjs extjs4.2 loadmask

这应该是相当直接的,但我还没能弄明白。我只是试图在没有微调器图像的组件上显示加载掩码。我希望看到的其他所有内容完全相同。

我已经设置了一个应用了常规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

1 个答案:

答案 0 :(得分:4)

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

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

Demo