title: loadmask in sencha touch2
body: <p>I want apply load-mask in view page. while launching the application, some view pages are taking time to load data later it will display, so if its taking time to load in that time i want show load-mask to users with some messages like "loading....". from some sample i have applied load-mask, but it is shows that message every time whenever i hit that page. this is bad way because here setting time. <strong>i need apply load-mask like this if don't have data it should show the load-mask to the user, until page getting the data. please any one help me. how to achieve this one</strong></p>
  
  <p><strong>My code is here:</strong> <em>at controller level i am taking the id of load-mask and setting the property as shown below code</em></p>
  
  <pre><code>onCompanyPageLoad: function () {
      var loader = Ext.getCmp('mask');        
      loader.setMessage("Loading...");
      loader.setIndicator(true);
      loader.setTransparent(false);      
      loader.show();        
      setTimeout(function () {            
          loader.hide();
      }, 1000);
  }
  </code></pre>