title: extjs displaying loadmask on panel when store loads
body: <p>I added a loadmask to a panel and I want the spinner to be displayed each time stores associated with the loadmask are loaded. The panel is a large tooltip and the stores are loaded each time a point is visited in a line chart. Thus, when I hover over a point, I'm expecting a load message to appear for a short period of time before I see the contents in the panel. What I'm getting is an empty panel however. If I remove the code that I have which adds the load mask (the initComponent function), it works (without the load message though). How would I use the loadmask in this manner as opposed to explicitly calling the setLoading() method for each panel?</p>
  
  <p>Here's the code:</p>
  
  <pre><code>tips:
  {
    ...
    items:{
      xtype: 'panel',
      initComponent: function(){
        var loadMask = new Ext.LoadMask(this, {
          store: Ext.getStore('CompanyContext')
        });
      },
      id: 'bar-tip-panel',
      width: 700,
      height: 700,
      layout: {
        type: 'accordion',
        align : 'stretch',
        padding: '5 5 5 5'
      },
      items:... 
    }
  }
  </code></pre>