MVC for a tab panel with controllers for each tab

[robl]

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.

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'
        }
        ]
    }
});