javascript - ExtJS 4.1 - 覆盖 Ext.LoadMask 的 css

Question

我需要覆盖Ext.LoadMask从白色到灰色的默认背景颜色。我怎样才能做到这一点？还添加了图像的屏幕截图和我用来加载蒙版的代码。

var feestore = this.getBillingFeePanelStoreStore();
        feestore.on({
            beforeload: this.beforeFeestoreLoad,
            scope: this
        });

beforeFeestoreLoad: function(store, operation, eOpts){
    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait.... Your request is being processed"});
    myMask.show();

任何帮助表示赞赏。

Answer 1

使用 ' maskCls ' 定义自己的样式，然后添加适当的 css

    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait.... Your request is being processed", maskCls:'customLoadMask'});

CSS:
    .customLoadMask {
        filter: alpha(opacity=70);
        opacity: .7;
        background: grey !important;
    }

Answer 2

以下在 extjs 4.2 上对我有用： msgCls而不是maskCls

var loadingMask = new Ext.LoadMask(Ext.getBody(), {
msg:"Een moment geduld aub ...", msgCls:'msgClsCustomLoadMask'});

CSS：

.msgClsCustomLoadMask{
background-color: #FF0000;
border: solid 2px #A3BAD9;}

.msgClsCustomLoadMask .x-mask-msg-inner{
color: #000066;
font: normal 25px Times new Roman,helvetica,arial,verdana,sans-serif;}

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.LoadMask-cfg-msgCls

希望这可以帮助。