Sencha Touch 2 list new page list tap response

Question

I am learning Sencha Touch 2 and I have a list similar to this presidents list. Tapping the arrow loads a new page with a back button.

With my list, when I tap on the arrow I would also like to load a new page.

I borrowed some code from the presidents list which responds to a tap on an arrow and loads a new page in response. The code is as follows:

console.log('tap response! ');
    this.getMain().push({
        xtype: 'article',
        title: 'testing title', //record.term(),
    });

The console.log responds so I know my function is responding to tap events on my list. However, the rest of the code fails with the following error:

Uncaught TypeError: Object [object Object] has no method 'push'

The this.getMain() function returns a reference to my main page which extends Ext.tab.Panel (I suspect that's my problem).

Answer 1

push() is a method on Ext.navigation.View . If you have a navigationview as what is inside of your tabpanel , you will need to get that view instead and call push() on it rather than the tabpanel .