title: Extjs Load Mask
body: <p>I have a grid that when clicked takes a few seconds to pull up my pop-up window. I would like to have a 'loading...' message displayed while the pop-up window is loading. This is what I have so far:</p>
  
  <pre><code>    onCellClick : function(view, td, eOpts ) {
      var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
      myMask.show();
      Ext.create('myapp.view.DetailWindow', {
          title : 'my title',
          width : 900,
          approachRec : record
      });
      myMask.hide();
  
  }
  </code></pre>
  
  <p>Right now this works perfectly, once I click on a cell in the grid my loading box appears then goes away once my 'DetailWindow' comes up. </p>
  
  <p>However, once I close my window and click on another cell (or the same one) again. No loading box appears, but my 'detail' window does. What am I doing wrong? </p>
  
  <p>What do I need to do in order to have my loading box pop up every time I click on  cell? </p>
  
  <p>I'm using Extjs 4.2</p>
  
  <p>Thanks,</p>