title: inject sencha panel inside HTML div
body: <p>I have a panel inside a view</p>
  
  <pre><code>Ext.define('MyApp.view.myPanel', {
  extend : 'Ext.Panel',
  xtype : 'myPanel',
  
  config : {
      scrollable: 'vertical',
      width: '100%',
      height: '100%',
      html : '&lt;div class="body"&gt;&lt;div class="title"&gt;My Page&lt;/div&gt;&lt;div class="content"&gt;&lt;/div&gt;&lt;/div&gt;'
  }
  });
  </code></pre>
  
  <p>Is there a way I can add another panel inside the <code>&lt;div class="content"&gt;&lt;/div&gt;</code>? </p>
  
  <p>I need to add this panel between the content div tags:</p>
  
  <pre><code>var pan = Ext.define('My.view.otherView', {
  extend : 'Ext.Panel',
  xtype : 'otherView',
  config : {
      title : '&lt;img src="images/logo.png" alt="" class="logo"/&gt;',
      scrollable: false,
      width: '100%',
      cls : 'panicView',
      layout: 'vbox',
      items : [
                  {
                      flex : 1,
                      xtype: 'panel',
                      html: '&lt;img class="pageHeaderImage" src="images/Header.png" /&gt;&lt;div class="pageHeader"&gt;Emergency!&lt;/div&gt;'
                  },
                  {
                      flex : 6,
                      xtype: 'formGrid'
                  }
              ]
  }
  });
  </code></pre>
  
  <p>IS there a way that this can be done</p>