Disparando eventos de toda la aplicación

Cómo hacer que los controladores hablen entre sí ...

Además de la gran respuesta anterior, quiero mencionar los eventos de toda la aplicación que pueden ser muy útiles en una configuración MVC para permitir la comunicación entre controladores. (extjs4. 1)

Digamos que tenemos una estación controladora (ejemplos de Sencha MVC) con un cuadro de selección:

Ext.define('Pandora.controller.Station', {
    extend: 'Ext.app.Controller',
    ...

    init: function() {
        this.control({
            'stationslist': {
                selectionchange: this.onStationSelect
            },
            ...
        });
    },

    ...

    onStationSelect: function(selModel, selection) {
        this.application.fireEvent('stationstart', selection[0]);
    },    
   ...
});

Cuando el cuadro de selección desencadena un evento de cambio, la función onStationSelect es disparar.

Dentro de esa función vemos: {[17]]}

this.application.fireEvent('stationstart', selection[0]);

Esto crea y dispara un evento de toda la aplicación que podemos escuchar desde cualquier otro controlador.

Por lo tanto, en otro controlador ahora podemos saber cuándo se ha cambiado la casilla de selección de la estación. Esto se hace escuchando this.application.on de la siguiente manera:

Ext.define('Pandora.controller.Song', {
    extend: 'Ext.app.Controller', 
    ...
    init: function() {
        this.control({
            'recentlyplayedscroller': {
                selectionchange: this.onSongSelect
            }
        });

        // Listen for an application wide event
        this.application.on({
            stationstart: this.onStationStart, 
                scope: this
        });
    },
    ....
    onStationStart: function(station) {
        console.info('I called to inform you that the Station controller select box just has been changed');
        console.info('Now what do you want to do next?');
    },
}

Si el selectbox ha sido cambiado ahora disparamos la función onStationStart en el controlador Song también ...

Desde el Sencha docs:

Los eventos de aplicación son extremadamente útiles para eventos que tienen muchos controladores. En lugar de escuchar el mismo evento de vista en cada uno de estos controladores, solo un controlador escucha el evento de vista y dispara un evento de toda la aplicación que los demás pueden escuchar. Esto también permite a los controladores comunicarse entre sí sin saber o dependiendo de la existencia del otro.

En mi caso: Hacer clic en un nodo de árbol para actualizar los datos en un panel de rejilla.

Actualización 2016 gracias a @ gm2008 de los comentarios a continuación:

En términos de disparar eventos personalizados para toda la aplicación, ahora hay un nuevo método después de que se publique ExtJS V5.1, que usa Ext.GlobalEvents.

Cuando dispares eventos, puedes llamar: Ext.GlobalEvents.fireEvent('custom_event');

Cuando registras un controlador del evento, llamas a: Ext.GlobalEvents.on('custom_event', function(arguments){/* handler codes*/}, scope);

Este método no se limita a los controladores. Cualquier componente puede manejar un evento personalizado a través de poner el objeto componente como ámbito del parámetro de entrada.

Encontrado en Sencha Docs: MVC Part 2

Un truco más para los oyentes de eventos del controlador.

Puedes usar comodines para ver un evento desde cualquier componente:

this.control({
   '*':{ 
       myCustomEvent: this.doSomething
   }
});

Solo quería añadir un par de peniques a las excelentes respuestas anteriores: Si está trabajando en pre Extjs 4.1, y no tiene eventos de toda la aplicación, pero los necesita, he estado utilizando una técnica muy simple que podría ayudar: Cree un objeto simple que extienda Observable y defina cualquier evento de aplicación que pueda necesitar en él. A continuación, puede disparar esos eventos desde cualquier lugar de su aplicación, incluido el elemento dom html real y escucharlos desde cualquier componente mediante la transmisión de los elementos necesarios desde ese componente.

Ext.define('Lib.MessageBus', {
    extend: 'Ext.util.Observable',

    constructor: function() {
        this.addEvents(
            /*
             * describe the event
             */
                  "eventname"

            );
        this.callParent(arguments);
    }
});

Entonces puedes, desde cualquier otro componente:

 this.relayEvents(MesageBus, ['event1', 'event2'])

Y dispararlos desde cualquier componente o elemento dom:

 MessageBus.fireEvent('event1', somearg);

 <input type="button onclick="MessageBus.fireEvent('event2', 'somearg')">

Solo dos cosas más que encontré útiles para saber, incluso si no son parte de la pregunta, en realidad.

Puede usar el método relayEvents para decirle a un componente que escuche ciertos eventos de otro componente y luego dispararlos nuevamente como si se originaran en el primer componente. Los documentos de la API dan el ejemplo de una red que retransmite el evento store load. Es muy útil cuando se escriben componentes personalizados que encapsulan varios subcomponentes.

Al revés, es decir, pasando los eventos recibidos por un componente de encapsulación mycmp a uno de sus subcomponentes subcmp, se pueden hacer así

mycmp.on('show' function (mycmp, eOpts)
{
   mycmp.subcmp.fireEvent('show', mycmp.subcmp, eOpts);
});