title: load an html file into a panel
body: <p>I am new to sencha touch 2.0. I have an html file. I am trying to load this html file(or content) into a panel. I am simply using an ajax call but its not working. Following is the code.</p>
  
  <p>This is the html file i am running in the browser.</p>
  
  <p><strong>index.html</strong>:</p>
  
  <pre><code>&lt;script type="text/javascript" src="touch/sencha-touch-debug.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="HTMLPanel.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>this is <strong>app.js</strong>:</p>
  
  <pre><code>Ext.setup({
      name : 'SampleLoad',
      requires : ['HTMLPanel'],
      launch : function () {
          var HTMLPanel = new HTMLPanel({
              scroll : 'vertical',
              title : 'My HTML Panel',
              url : 'sample.html'
          });
      }
  });
  </code></pre>
  
  <p>and this is <strong>HTMLPanel.js</strong>:</p>
  
  <pre><code>//HTMLPanel = Ext.extend(Ext.Panel, { //gives error 
  var HTMLPanel = Ext.define('HTMLPanel',{
      extend : 'Ext.Panel',
      constructor : function( config ) {
          HTMLPanel.superclass.constructor.apply(this, arguments);
  
          // load the html file with ajax when the item is
          // added to the parent container
          this.on(
              "activate",
              function( panel, container, index ) {
                  if( this.url &amp;&amp; (this.url.length &gt; 0) )
                  {
                      Ext.Ajax.request({
                          url : this.url,
                          method : "GET",
                          success : function( response, request ) {
                              //console.log("success -- response: "+response.responseText);
                              panel.update(response.responseText);
                          },
                          failure : function( response, request ) {
                              //console.log("failed -- response: "+response.responseText);
                          }
                      });
                  }
              },
              this
          )
      },
  
      url : null
  });
  </code></pre>
  
  <p>I just want the html content to be displayed within the panel. Can someone help?</p>