backbone.js + globaler Event-Dispatcher + require.js: Anleitung?

Question

Ich habe eine Reihe von Backbone-Modellen, die in Sammlungen organisiert und mit ihren entsprechenden Ansichten und/oder Sammlungen von Ansichten verbunden sind. Einige dieser Modelle, die nicht zu derselben Sammlung gehören, müssen ein Ereignis auslösen, das für ein anderes Modell (und möglicherweise mehrere) von Interesse ist.

Der empfohlene Weg, um damit umzugehen, ist, denke ich, der "globale Event Dispatcher/Aggregator" wie beschrieben here und andere Orte.

Allerdings verwende ich auch require.js, was gegen die Idee scheint, den Dispatcher/Aggregator an das Namespace-Objekt der Anwendung anzuhängen - oder irre ich mich hier?

Also meine Frage ist: mit require.js Wie kann ich eine Reihe von verschiedenen Backbone-Modelle auslösen ein Ereignis, das von einem anderen Modell behandelt wird?

Answer 1

Eine ähnliche Lösung zu dem, was @Andreas p roposiert, aber ohne Backbone.Marionette (stark inspiriert, see the article linked in the question).

Sie müssen lediglich ein Modul definieren, das ein Singleton eines Ereignis-Listeners erstellt und dieses Objekt in den Modulen benötigt, an denen Sie ein Ereignis auslösen oder dieses Ereignis anhören möchten.

Angenommen, Sie app/channel.js Definition Ihrer Kanal

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

Sie können dann verwenden Sie es als Zuhörer über

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

und Sie können ein Ereignis auslösen, auf Dieser Kanal über

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

Answer 2

Wir verwenden Marionetten app.vent (das ist der globale Ereignissender für unsere Anwendung), allong mit erfordern js und es funktioniert wirklich gut.

app

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

Modell1

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); 
    } 
    }) 
})