sencha-touch-2 - 每次 Sencha 2 应用程序执行 Ajax 请求时显示的 Ajax 加载程序 gif

Question

每次我的 Sencha 2 应用程序执行 ajax 请求时，在屏幕中心添加 ajax 加载程序 gif 图像的最聪明的方法是什么？应该是某种代码片段，它应该检查跟踪所有打开的 Ajax 请求的内部 Javascript 计数器是否大于 0，从而显示加载程序 gif

Answer 1

通常我只是将下面的代码放在 ajax 请求之前。

Ext.Viewport.add({
    masked: {
        xtype: 'loadmask',
        message: 'A message..',
        indicator: false
    }
});

您可能希望扩展 ajax 类并将其添加到那里以使其适用于每个 ajax 请求。