How to listen to parent controller via fireEvent/listen

[plgagnon]

Hey,

Quick example, I have an AbstractView/ViewController, and a bunch of different View/ViewController that all extend that abstractView. Lets say :

Ext.define('MyApp.view.abstract.AbstractView', {
    extend: 'Ext.panel.Panel',
    ...
});


Ext.define('MyApp.view.abstract.AbstractViewController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.abstract',
    ...

    someSharedEvent: function() {
        this.fireEvent('sharedEvent','whatever');
    }
});

Ext.define('MyApp.view.foo.Foo', {
    extend: 'MyApp.view.abstract.AbstractView',
    ...

});


Ext.define('MyApp.view.foo.FooViewController', {
    extend: 'MyApp.view.abstract.AbstractViewController,
    alias: 'controller.foo',
    ...
});

Ext.define('MyApp.view.bar.Bar', {
    extend: 'MyApp.view.abstract.AbstractView',
    ...
});


Ext.define('MyApp.view.bar.BarViewController', {
    extend: 'MyApp.view.abstract.AbstractViewController',
    alias: 'controller.bar',
    ...
});

AbstractView/ViewController is there for some shared items/events. I would like to listen to the abstractVC firing but it doesnt seem to work with the alias like this :

this.listen({
    controller: {
        'abstract': function() {
            //never called.
        },
        'foo': function() {
            //called.
        },
        'bar': function() {
            //called.
        }
    }
})

Whats the best way to achieve this, I hate duplicating all my listens. thanks!

[mitchellsimoens]

The issue here is that the subclass controller only has one alias, it's own that you define, it doesn't have the abstract's alias because the abstract viewcontroller has that alias and two classes shouldn't have the same alias.



The controller event domain does not check if a superclass of a controller has the alias, only if the current controller has the alias which the FooVC (from my fiddle) doesn't have the controller.abstract alias.

This is the match method that determines if the controller has a listener:

    match: function(target, selector) {
        var result = false,
            alias = target.alias;
        
        if (selector === '*') {
            result = true;
        } else if (selector === '#') {
            result = !!target.isApplication;
        } else if (this.idMatchRe.test(selector)) {
            result = target.getId() === selector.substring(1);
        } else if (alias) {
            result = Ext.Array.indexOf(alias, this.prefix + selector) > -1;
        }
        return result;
    }

this is the important piece here:

result = Ext.Array.indexOf(alias, this.prefix + selector) > -1;