1

我有一个由其他人构建的 ChaplinJS 项目，但我并不完全了解框架的某些细节。这是我觉得很难理解的一点：

listen: {
  'change model': 'render',
  'home:actionvideo mediator': 'show'
},

此代码块位于其中一个视图 JS 文件中。我对这种事件处理方式很熟悉，我的理解是第一个位（“home:actionvideo”）是一个事件的名称，第二个部分（“mediator”）是一个元素选择器，后面的位冒号是响应事件而运行的函数的名称。

但是在卓别林的世界里，我认为“中介”实际上是指卓别林核心Chaplin.mediator对象。这个对吗？

当我这样做时，第一行是否change model以某种方式听a Chaplin.model？哪个Chaplin.model？

4

1 回答 1

1

是的，这是正确的。

能够监听以下方法：

var MyView = Chaplin.View.extend({

  events: {
    // Listen to $ DOM events
    'click button': 'methodName',
    'change select#myid': 'methodName',
    ...
  },

  listen: {
    // Listen to Chaplin events
    'onAddedToDOM': 'methodName',
    ...

    // Listen to model events
    'change:foo model': 'methodName',
    // Listen to collection events
    'reset collection': 'methodName',
    // Custom mediator events (or Chaplin events, like router:route etc.)
    'pubSubEvent mediator': 'methodName',
    // The value can also be a function.
    'eventName': function() {alert('Hello!')}
  },

使用mediator该类，通过受控渠道发布/或订阅直接通信：

this.publishEvent('pubSubEvent', ['Joe', 'Schmoe']);

或在您的视野之外：

require('chaplin');

Chaplin.mediator.publishEvent('pubSubEvent', ['Joe', 'Schmoe']);

您可以在此处找到事件委托的源代码：https ://github.com/chaplinjs/chaplin/blob/master/src/chaplin/views/view.coffee#L299-308

于 2015-03-25T23:30:05.473 回答