backbone js学习笔记第一篇之EVENTS

backbone的events事件可以借助underscore中的extend函数将任何对象都赋予可以绑定事件的能力。

熟悉jquery事件的开发者对于这里的events绑定应当很容易理解。

这里只提供几个额外的示例。

1. 混入示例
2. all的特殊绑定

混入：

1.不传入事件回调参数

//不传入事件回调参数
var obj={};
_.extend(obj,Backbone.Events);
obj.on('show',function(){
  alert('hahaha,binding show event for obj');
});
obj.trigger('show');

2.传入事件回调参数

var listView=new ListView();
// listView.render();
var obj={};
_.extend(obj,Backbone.Events);
obj.on('show',function(msg){
  alert(msg);
});
obj.trigger('show','hahaha,binding show event for obj');

特殊事件all：

all是一个比较特殊的事件。如果为对象绑定了其他事件的同时，也绑定了all事件，那么每次触发其它事件之后都会默认地触发all事件。

示例：

var obj={};
_.extend(obj,Backbone.Events);
// 注释掉all事件，注意前后的结果对比
obj.on('all',function(){
  alert('all events');
});
obj.on('events1',function(){
  alert('events1');
});
obj.on('events2',function(){
  alert('events2');
});
obj.on('events3',function(){
  alert('events3');
});

obj.trigger('events1');
obj.trigger('events2');
obj.trigger('events3');