Backbone 事件模块：on 注册事件

Backbone 事件模块：on 注册事件

例子1

var object = {};

_.extend(object, Backbone.Events);

object.on("alert", function(msg) {

alert("Triggered " + msg);

});

// 输出：Triggered an event

object.trigger("alert", "an event");

例子2

注册方式一：

var Book = Backbone.Model.extend({

defaults : {

title : 'unknown',

author : 'unknown',

price : 0

}

});

var javabook = new Book();

javabook.on('change', function(model) {

console.log('change事件被触发');

});

javabook.on('change:title', function(model, value) {

console.log('change:title事件被触发');

});

javabook.on('change:author', function(model, value) {

console.log('change:author事件被触发');

});

// 输出：change:title事件被触发 change事件被触发

javabook.set({

title : 'Thinking in Java',

author : 'unknown',

price : 395.70

});

注册方式二：

var Book = Backbone.Model.extend({

defaults : {

title : 'unknown',

author : 'unknown',

price : 0

}

});

var javabook = new Book();

var titleView = {

update: function(){

console.log('change:title事件被触发');

}

}

, authorPane = {

update: function(){

console.log('change:author事件被触发');

}

}

, bookView = {

update: function(){

console.log('change事件被触发');

}

};

javabook.on({

'change:title': titleView.update

,"change:author": authorPane.update

,"change": bookView.update

});

// 输出：change:title事件被触发 change事件被触发

javabook.set({

title : 'Thinking in Java',

author : 'unknown',

price : 395.70

});

例子3

object.on("all", function(eventName) {

if( eventName == "alert" ){

console.log('alert event');

}else if( eventName == "change" ){

console.log('alert change');

}

});

// alert event

object.trigger("alert");

// alert change

object.trigger("change");

例子4

javabook.on("change:title change:author alert", function(){ console.log('alert event'); });

javabook.set({

title : 'unknown',

author : 'unknown',

price : 395.70

});

// 输出： alert event

object.trigger("alert");

本文来源 我爱IT技术网 http://www.52ij.com/jishu/4944.html 转载请保留链接。