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).
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
.