Question

我想动态地将新的Panel或Container添加到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属性。

谢谢！

Answer 1

添加到tabPanel

时，需要在Panel或Container中指定iconCls和title配置

你做到了但是，我认为问题在于你创建Container并设置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);

如何将新Panel动态添加到Ext.tab.Panel？

1 个答案: