什么时候应用程序执行ajax请求我想添加加载掩码

Question

在我的sencha应用程序中,当应用程序执行ajax请求时,我想添加加载掩码,并在请求完成后,我需要删除加载掩码.

我尝试下面的代码,但它不适合我

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

   Ext.Ajax.on('beforerequest', function(){
        mask.show();
   });

   Ext.Ajax.on('requestcomplete', function(){
        mask.hide();
   });

Answer 1

要显示加载掩码,您可以使用:

Ext.Viewport.mask({ xtype: 'loadmask' });

并在您的Ajax请求的成功函数中隐藏加载掩码:

Ext.Viewport.unmask();