ajax - 当应用程序执行 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();