ExtJS loadMask：管理多ajax调用中的多个loadMask

发布于 2025-01-02 10:17:03 字数 538 浏览 1 评论 0原文

在我的应用程序中，我需要同时执行多个 ajax 请求，但每个请求根据响应大小需要不同的时间。为了避免在ajax请求期间进行进一步的操作，我想在每个ajax调用中使用Ext.LoadMask，如下所示：

for(var i=0; i<ajaxCount; i++) {
    var loadMask = new Ext.LoadMask(Ext.getBody(), {msg:"Loading " + ajaxName[i]});
    Ext.Ajax.request({
        success: function() {
            loadMask.hide();
        },
        failure: function() {
            loadMask.hide();
        }
    }
}

但是，我发现hide()将隐藏内存中的所有loadMaskes。我想做的只是隐藏这个ajax请求中的一个，这样在所有请求结束之前总是有一个掩码。

还有另一种方法可以实现吗？

谢谢！

原文

In my app, I need to execute several ajax requests at the same time, but each request takes various time based upon response size. In order to avoid further operations during ajax request, I'd like to use Ext.LoadMask in each ajax call, like this:

for(var i=0; i<ajaxCount; i++) {
    var loadMask = new Ext.LoadMask(Ext.getBody(), {msg:"Loading " + ajaxName[i]});
    Ext.Ajax.request({
        success: function() {
            loadMask.hide();
        },
        failure: function() {
            loadMask.hide();
        }
    }
}

however, i found out that the hide() will hide all of loadMaskes in the memory. What I want to do is only hide the one in this ajax request, so that there is always a mask until the end of all requests.

Is there another way of implementing this?

thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

零崎曲识 2025-01-09 10:17:03

为什么不对所有请求使用一个相同的掩码，并在所有请求返回后将其删除？

var requestCounter = 0;
function hideMask(){
    if (requestCounter > 1){
        requestCounter--;
    } else {
        loadMask.hide();
    }
}
if (ajaxCount > 0){
    var loadMask = new Ext.LoadMask(Ext.getBody(), {msg:"Loading"});
}

for(var i=0; i<ajaxCount; i++) {    
    requestCounter++;
    Ext.Ajax.request({
        success: hideMask,
        failure: hideMask
    }
}

Why not using one the same mask for all the requests and removing it once all the requests are returned?

var requestCounter = 0;
function hideMask(){
    if (requestCounter > 1){
        requestCounter--;
    } else {
        loadMask.hide();
    }
}
if (ajaxCount > 0){
    var loadMask = new Ext.LoadMask(Ext.getBody(), {msg:"Loading"});
}

for(var i=0; i<ajaxCount; i++) {    
    requestCounter++;
    Ext.Ajax.request({
        success: hideMask,
        failure: hideMask
    }
}

回复收藏 0 原文

~没有更多了~