在Sencha Touch中动态添加项目到TabBar

Question

新的senchatouch世界，尝试使以下代码有效。

我有以下代码：

myApp.views.Homecard = Ext.extend(Ext.TabPanel, {
    id: 'myownid',
    title : "home",
    iconCls : "home",
    defaults : {
        styleHtmlContent : true
    },
    items : [{
        title : 'Item1',
        scroll : 'vertical',
        iconCls : 'home',
        html : 'Some Content'
    }, {
        title : 'Item2',
        scroll : false,
        iconCls : 'home',
        html : 'Some Content'
    }],
});

Ext.reg('homecard', myApp.views.Homecard);

我想添加一个新项目：

myApp.views.Homecard.add({html: 'test'});

但是我收到以下错误：

Uncaught TypeError: Object function (){h.apply(this,arguments)}
has no method 'add'

我错过了什么？

Answer 1

您无法像这样访问TabPanel。要么添加一个id属性，然后使用Ext.getCmp(theId);获取它，要么将其作为其父项的示例，例如parent.items.items[0];