ExtJS loadMask：管理多個Ajax調用中的多個loadMask

Question

在我的應用程序中，我需要同時執行多個Ajax請求，但每個請求都需要基於響應大小的不同時間。爲了避免AJAX請求期間進一步的操作，我想用Ext.LoadMask在每個AJAX調用，就像這樣：

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(); 
     } 
    } 
} 

然而，我發現隱藏（）將隱藏所有loadMaskes的記憶。我想要做的只是在這個ajax請求中隱藏一個，這樣在所有請求結束之前總是有一個掩碼。

有沒有另外一種方法來實現呢？

謝謝！

Answer 1

爲什麼不對所有請求使用同一個掩碼，並在返回所有請求後將其刪除？

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 
    } 
}