Backbone.js can't catch trigger event

Question

Hy, so I'm trying to catch a triggered event, but it looks like i'm missing something:

So i have backbone view, and two plane old javascript objects, one is a "controller" and one is my "app" object, and it looks like this:

// View
SearchView = Backbone.View.extend({
    ...

    events: {
        'keyup .input' : 'search'
    },

    search: function (e) {

        var keyCode = e.keyCode || e.which;

        this.trigger("search:auto", keyCode);
    }
});

// Controller
SearchController = function (options) {
    ...

    this.view = options.view;

    this.view.on("search:auto", this.search, this);

    this.search = function () {
        console.log('great');
    };
};

// App 
App = function() {
    ...

    this.views = {
        searchView : new SearchView()
    };

    new SearchController({
        view: this.views.searchView
    });

    this.start = function() {
        ...
    };
}

new App().start();

And the problem is, that i want to catch the event triggered by the view in the controller, but somehow its not working, i knew to Backbone, maybe i missed something.

Thanks for any help.

score 0 · Answer 1 · answered Jan 22 '17 at 20:57

Ok, so at last i figured it out, the problem was the order, the event was registered before i declared my function, this is the correct order:

// Controller
SearchController = function (options) {
    ...

    this.view = options.view;

    this.search = function () {
        console.log('great');
    };
    this.view.on("search:auto", this.search, this);
};

Backbone.js can't catch trigger event

1 Answers1