I want to create a controller (and view) for each tab in my tab panel and I want a master controller (and view) for the tab panel itself. How do I define this? I know how to create just the view hierarchy like the code snippet below but I don't know how to wire up the controllers.
Code:
Ext.define('MyApp.view.MasterTabPanel', {
extend: 'Ext.tab.Panel',
requires: ['MyApp.view.FirstTab', 'MyApp.view.SecondTab', 'MyApp.view.ThirdTab'],
config: {
fullscreen: true,
tabBarPosition: 'bottom',
cardSwitchAnimation: 'flip',
items: [
{
xtype: 'firsttabview'
},
{
xtype: 'secondtabview'
},
{
xtype: 'thirdtabview'
}
]
}
});