Javascript 主干视图未侦听模型更改
数据结构:Javascript 主干视图未侦听模型更改,javascript,backbone.js,Javascript,Backbone.js,数据结构: - Measure (collection) - Measure (model) - beats (c) - beat (m) - on/off (attribute) - representations (c) - representation (m) - currentType (attribute) - previousType (a) 表示模型是通过转换函数调用的,我通
- Measure (collection)
- Measure (model)
- beats (c)
- beat (m)
- on/off (attribute)
- representations (c)
- representation (m)
- currentType (attribute)
- previousType (a)
表示模型是通过转换函数调用的,我通过控制台打印输出注意到了更改,但是视图根本没有注册更改。我可以访问click events,因此我知道视图的el
是正确的。为什么listenTo在视图中不工作
代表性模型:
define([
'underscore',
'backbone'
], function(_, Backbone) {
var RepresentationModel = Backbone.Model.extend({
initialize: function(options){
this.representationType = options.representationType;
this.previousRepresentationType = undefined;
},
transition: function(newRep){
this.previousRepresentationType = this.representationType;
this.representationType = newRep;
console.error('model change : ' + this.previousRepresentationType + ' ' + this.representationType);
}
});
return RepresentationModel;
});
MeasurePresentation视图:
define([…], function(…){
return Backbone.View.extend({
initialize: function(options){
if (options) {
for (var key in options) {
this[key] = options[key];
}
}
//Dispatch listeners
…
//Binding
//this was the old way, so I changed to the new listenTo to take advantage of when the view is destroyed.
//this.model.bind('change', _.bind(this.transition, this));
this.listenTo(this.model, 'change', _.bind(this.transition, this));
this.render();
},
render: function(){
// compile the template for a representation
var measureRepTemplateParamaters = {…};
var compiledTemplate = _.template( MeasureRepTemplate, measureRepTemplateParamaters );
// put in the rendered template in the measure-rep-container of the measure
$(this.repContainerEl).append( compiledTemplate );
this.setElement($('#measure-rep-'+this.measureRepModel.cid));
// for each beat in this measure
_.each(this.parentMeasureModel.get('beats').models, function(beat, index) {
measurePassingToBeatViewParamaters = {…};
};
new BeatView(measurePassingToBeatViewParamaters);
}, this);
return this;
},
transition: function(){
console.warn('getting in here'); //NEVER GET HERE
console.log(this.model.get('previousRepresentationType') + '|' + this.model.get('representationType'));
}
});
});
更改事件仅在使用
模型时触发。设置进行更改。不能只分配新属性。主干不使用defineProperty样式,它是一种更明确的样式
this.set({
previousRepresentationType: this.representationType,
representationType: newRep
});