title: ExtJS loadMask: manage several loadMask in multi-ajax calls
body: <p>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:</p>
  
  <pre><code>for(var i=0; i&lt;ajaxCount; i++) {
      var loadMask = new Ext.LoadMask(Ext.getBody(), {msg:"Loading " + ajaxName[i]});
      Ext.Ajax.request({
          success: function() {
              loadMask.hide();
          },
          failure: function() {
              loadMask.hide();
          }
      }
  }
  </code></pre>
  
  <p>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.</p>
  
  <p>Is there another way of implementing this?</p>
  
  <p>thanks!</p>