Sencha touch 如何将新面板动态添加到Ext.tab.Panel？

我想向Ext.tab.Panel动态添加一个新面板或容器。我试过这样的代码：

var panel = Ext.create('Ext.Container');
panel.title = 'From Code';
panel.iconCls = 'home';
panel.styleHtmlContent = true;
panel.html = 'Hello from Code';

tabPanel.add(panel);

但这给了我一个错误：

Adding a card to a tab container without specifying any tab configuration

我可以使用对象文字样式添加一个新的面板或容器，但是当我手工构造一个新对象时，我该怎么做呢？Ext.Container类本身没有title属性

---

谢谢

添加到选项卡面板时，需要在面板或容器中指定图标和标题配置

您这样做了，但我认为问题在于您创建容器和设置iconCls、标题配置的方式

  var panel = Ext.create('Ext.Container', {
       title: 'From Code', 
       iconCls: 'home', 
       html : 'Hello from Code'
  });



 var tab = Ext.create('Ext.TabPanel', {
    fullscreen: true,
    tabBarPosition: 'bottom',

    defaults: {
        styleHtmlContent: true
    },

    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: 'Home Screen'
        },
        {
            title: 'Contact',
            iconCls: 'user',
            html: 'Contact Screen'
        }
    ]
});

 tab.add(panel);