0

データ構造:

- Measure (collection)
  - Measure (model)
     - beats (c)
       - beat (m)
         - on/off (attribute)
     - representations (c)
       - representation (m)
         - currentType (attribute)
         - previousType (a)

表現モデルはトランジション関数を介して呼び出されており、コンソールの出力で変更に気づきましたが、ビューは変更をまったく登録していません。クリック イベントにアクセスできるので、ビュー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;
});

測定表現ビュー:

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'));
    }
  });
});
4

1 に答える 1

2

変更イベントは、 を使用して変更を行った場合にのみ発生しますmodel.set。新しいプロパティを割り当てることはできません。Backbone は defineProperty スタイルを使用せず、より明示的なスタイルです。

this.set({
  previousRepresentationType: this.representationType,
  representationType: newRep
});
于 2013-09-07T14:24:42.400 に答える