title: Extjs Load panel content from ajax
body: <p>I have an Ext.Panel with a listener set to 'afterrender'. The callback function is a small ajax code which checks an url, grabs it's contents and add it to the panel. Problem is, the content does not get insterted. If I use the same insert code right above the ajax call, it works. Here's my callback function:</p>
  
  <p>Not working:</p>
  
  <pre><code>function afterrenderCallback () {
      //  This does not work
      var logPanel = Ext.getCmp('aP_ServerLogs');
      Ext.Ajax.request({
          url: AP_ROOT_URL + '/index.php?r=server/logs',
          success: function (r) {
                  logPanel.add({
                          html: 'dummy html i don\'t care about the response'
                  });
          }
      });
  }
  </code></pre>
  
  <p>Working:</p>
  
  <pre><code>function afterrenderCallback () {
      //  This does work
      var logPanel = Ext.getCmp('aP_ServerLogs');
      logPanel.add({
            html: 'dummy html i don\'t care about the response'
      });
  }
  </code></pre>