Sencha Touch добавляет динамические элементы

Как добавить динамически новый элемент в 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'

Очевидно, что это не работает, что я делаю неправильно?

Ответ 1