Javascript Sencha touch应用程序加载掩码

我有一个sencha touch应用程序，但希望在页面加载时对整个应用程序应用加载掩码。（即在加载Javascript文件等时）

在ExtJS中，我曾经有一个带有加载图像的完整大小的div，然后作为“onReady”的第一个动作，我将该div淡出，然后将其删除。不幸的是，fadeOut（）在SenchaTouch中似乎不可用

我的应用程序定义如下：

Ext.application({
    name: 'MyApp',

    launch: function() {
        Ext.create('Ext.Panel', {
            fullscreen: true,
            html: 'Hello World'
        });
    }
});

---

任何指针都将被通知

您可以使用Ext.LoadMask类。有一个例子：

var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
myMask.show();

加载一些Ajax请求或完成任务并移除掩码后，您可以：

myMask.hide();

---

在执行ajax请求和加载数据时，您也可以尝试下面的代码

var mask = new Ext.LoadMask(Ext.getBody(), {msg:"wait msg..."});                


                Ext.Ajax.on('beforerequest', function(){        

                        mask.show();
                });


                Ext.Ajax.on('requestcomplete', function(){      

                        mask.hide();
                });             


                Ext.Ajax.on('requestexception', function(){         

                });

---

我是这样做的：

Ext.getBody().mask().addCls('black-background');

.black-background {
  opacity: 1;
  background: black;
}

---

谢谢你的回答。我希望在加载.js文件之前有一个加载掩码。在ExtJS中，我通常只在应用程序准备就绪时放入一个全屏div并将其淡出。但淡出似乎不起作用。。。