title: How do I dynamically add a new Panel to a Ext.tab.Panel?
body: <p>I'd like to dynamically add a new Panel or Container to an Ext.tab.Panel. I tried code like this:</p>
  
  <pre><code>var panel = Ext.create('Ext.Container');
  panel.title = 'From Code';
  panel.iconCls = 'home';
  panel.styleHtmlContent = true;
  panel.html = 'Hello from Code';
  
  tabPanel.add(panel);
  </code></pre>
  
  <p>But this gives me the error:</p>
  
  <pre><code>Adding a card to a tab container without specifying any tab configuration
  </code></pre>
  
  <p>I can add a new panel or container using the object literal style, but how do I do it when I construct a new object by hand? The Ext.Container class doesn't have a title property itself.</p>
  
  <p>Thanks!</p>