backbone.js +全局事件調度程序+ require.js：操作方法？

Question

我有許多骨干模型，按集合進行組織並連接到相應的視圖和/或視圖集合。 其中一些不屬於同一集合的模型需要觸發另一個模型（可能不止一個）感興趣的事件。

我認為，推薦的處理方法是這里和其他地方所描述的“全球事件調度員/聚合器”。

但是，我也碰巧使用require.js，這似乎違背了將調度程序/聚合器附加到應用程序的命名空間對象的想法 - 或者我錯在這里？

所以我的問題是：使用require.js我怎樣才能有一些不同的骨干模型觸發一個將由另一個模型處理的事件？

Answer 1

類似於@Andreas提出但沒有Backbone.Marionette的解決方案（盡管如此， 請參閱問題中鏈接的文章 ）。

您所要做的就是定義一個模塊，該模塊創建一個事件監聽器的單例，並在要觸發事件或監聽此事件的模塊中需要此對象。

假設您有定義頻道的app / channel.js

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

然后，您可以將其用作偵聽器

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

你可以通過這個頻道觸發一個事件

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

Answer 2

我們使用Marionettes app.vent （它是我們應用程序的全局事件發送器），allong with require js，它運行得非常好。

應用

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

型號1

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