sencha-touch - Sencha Touch 动态添加项目

Question

如何在 Ext.panel 中动态添加新项目？这是我正在使用的代码；

app.views.ViewItem = Ext.extend(Ext.Panel, {
    id: '0',
    dockedItems: [{
        xtype: 'toolbar',
        title: 'Melvin test',
        items: [
            {
                text: 'Terug',
                ui: 'back',
                listeners: {
                    'tap': function () {
                        Ext.dispatch({
                            controller: app.controllers.appController,
                            action: 'backToRssList',
                            animation: {type:'slide', direction:'right'}
                        });
                    }
                }
            },
            {xtype:'spacer'},
            {
                id: 'share',
                text: 'Delen',
                ui: 'action',
                listeners: {
                    'tap': function () {
                        Ext.dispatch({
                            controller: app.controllers.appController,
                            action: 'share',
                        });
                    }
                }
            }
        ]
    }],
    items: [],
    initComponent: function() { 
        app.views.ViewItem.superclass.initComponent.apply(this, arguments); 
    },
    getView: function(data) {
        //this.items.add({html: 'test'});
    },
});

在函数 getView 中，我试图用这一行添加一个新项目；

this.items.add({html: 'test'});

出现的错误(在 Rockmelt、Chrome 中)是；

Uncaught TypeError: Object #<Object> has no method 'getItemId'

显然这是行不通的，我做错了什么？

Answer 1

您是否尝试为面板本身使用 add() 函数？例如:

this.add({html: 'test'});