我有一个由其他人构建的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