backbone.js + globalny dispatcher zdarzeń + require.js: how-to?

Question

Mam wiele modeli szkieletowych, zorganizowanych w kolekcje i połączonych z ich odpowiednimi widokami i/lub kolekcjami widoków. Niektóre z tych modeli, które nie należą do tej samej kolekcji, muszą wywołać zdarzenie, które jest interesujące dla innego modelu (i może więcej niż jednego).

Zalecanym sposobem radzenia sobie z tym jest, jak sądzę, "globalny moduł rozsyłający zdarzenia/agregator" zgodnie z opisem here i innymi miejscami.

Jednak zdarza mi się też używać require.js, co wydaje się sprzeczne z ideą dołączenia modułu rozsyłającego/agregatora do obiektu przestrzeni nazw aplikacji - czy też się mylę?

Moje pytanie brzmi: użycie require.js w jaki sposób mogę mieć wiele różnych modeli szkieletu wyzwalać zdarzenie, które będzie obsługiwane przez inny model?

Answer 1

Podobne rozwiązanie do czego @Andreas p roposed ale bez Backbone.Marionette (mocno zainspirowany jednak, see the article linked in the question).

Wszystko, co musisz zrobić, to zdefiniować moduł, który tworzy singleton obiektu nasłuchującego zdarzenia i wymagać tego obiektu w modułach, w których chcesz wywołać zdarzenie lub odsłuchać to wydarzenie.

Powiedzmy masz APP/channel.js określających swój kanał

define(['backbone', 'underscore'], function (Backbone, _) { 
    var channel = _.extend({}, Backbone.Events); 
    return channel; 
}); 

Następnie można użyć go jako słuchacza poprzez

require(['app/channel'], function (channel) { 
    channel.on('app.event', function() { 
     console.log('app.event'); 
    }); 
}); 

i można wyzwolić zdarzenie na ten kanał przez

require(['app/channel'], function (channel) { 
    channel.trigger('app.event'); 
}); 

Answer 2

Używamy marionetek app.vent (który jest globalnym nadajnikiem zdarzeń dla naszej aplikacji), allong z wymaganiem js i działa naprawdę dobrze.

aplikacja

define(, function(){ 
    return new Backbone.Marionette.Application(); 
}) 

Model1

define(['app'], function(app){ 
    return Backbone.Marionette.Model.extend({ 
    initialize: function(){ 
     this.bindTo('app.vent', 'create:model2', this.toSomething, this); 
    } 
    }) 
}) 

MODEL2

define(['app'], function(app){ 
    return Backbone.Marionette.Model.extend({ 
    initialize: function(){ 
     app.vent.trigger('create:model2', this); 
    } 
    }) 
})