Sencha Touch 2 : Getting a reference to an auto-instantiated view - sencha-touch-2

Question

I'd like to get a reference to a view from my controller in Sencha Touch 2.
I followed the explanation in this question :
Getting a refernce to an auto-instantiated Sencha Touch 2 view
But still, the render and show function in this.control in my controller never get called.
This is my app.js :
Ext.application({
name: 'App',
appFolder: 'src',
controllers: ['Home'],
launch: function () {
Ext.Viewport.setActiveItem({xtype: 'homeView'});
}
});
This is my view :
Ext.define('App.view.HomeView', {
extend: 'Ext.Panel',
alias : 'widget.homeView',
config: {
html : ['<h1>Sencha Touch Web App</h1>']
},
initialize: function() {
this.callParent();
}
});
and this is my controller :
Ext.define('App.controller.Home', {
extend : 'Ext.app.Controller',
views : ['HomeView'],
init: function() {
this.control({
'homeView' : {
render: function() {
console.log('Render method called!');
},
show: function() {
console.log('Show method called!');
}
}
})
}
});
Does anyone have any idea what I'm doing wrong?
Thanks a lot.
Franziska

Answer 1

The render handler is not called for me either. The way I do it is either use show, which will be called every time the component is showed, or use a custom event for when the view is initialised, e.g.
Ext.define('App.view.HomeView', {
extend: 'Ext.Panel',
alias : 'widget.homeView',
config: {
html : ['<h1>Sencha Touch Web App</h1>']
},
initialize: function() {
this.fireEvent('render');
this.callParent();
}
});