Как можно разделить main view и listeners?

[treasury]

controller: "main" // это где?

Все есть, просто не весь код показал, вот:

Ext.define('MyApp.view.Main', {
    extend: 'Ext.container.Viewport',
    alias: 'widget.main',
    xtype: 'main',

    requires: [
        'MyApp.view.MainViewModel',
        'MyApp.view.MainViewController',
        'Ext.view.View',
        'Ext.XTemplate',
        'Ext.form.Panel',
        'Ext.form.FieldSet',
        'Ext.form.field.Date',
        'Ext.form.field.Time',
        'Ext.button.Button',
        'Ext.toolbar.Toolbar',
        'Ext.toolbar.TextItem',
        'MyApp.view.GMapPanel',
        'Ext.button.Split',
        'Ext.menu.Menu'

    ],

    controller: 'main',
    viewModel: {
        type: 'main'
    },
    reference: 'main',
    itemId: 'myviewport',
    layout: 'border',
    defaultListenerScope: true,

[Infarch]

В таком случае перечитайте еще раз что я писал про дочерние компоненты. Привяжите контроллер не ко вьюпорту, а к датавью например.