我有一个由其他人构建的ChaplinJS项目,但是我对框架的某些细节没有完全了解。这是我发现有些棘手的地方:

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


此代码块在一个视图JS文件中。我熟悉这种事件处理方式,我的理解是第一位(“ home:actionvideo”)是事件的名称,第二部分(“ mediator”)是元素选择器,冒号是为响应事件而运行的函数的名称。

但是在卓别林世界中,我在想“调解人”实际上是指卓别林核心Chaplin.mediator对象。它是否正确?

当我在听时,第一行change model是否以某种方式收听Chaplin.model?哪个Chaplin.model

最佳答案

是的,这是正确的。

chaplinjs能够收听以下方法:

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类,通过受控通道进行publish/ or subscribe to direct communication

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

10-02 11:47