バックボーンモデルを上書きする変更イベント

Question

私がやりたいことはかなりシンプルですが、どうやってそれを行うのか分かりません。イベントハンドラにデータを渡す目的で、モデルの属性の1つが変更されたとき（値が増減したかどうかにかかわらず）、私自身のイベントを開始したいと思います。

は基本的に私は私のハンドラがビュー

handler: function(increased) { 
    if(increased) { 
     alert("the value increased") 
    } 
    else { 
     alert("the value decreased") 
    } 
} 

// ... 

this.model.on("change:attr", this.handler, this); 

Answer 1

ここに行きます：あなたは基本的にchange:myvarを聞きます。変更が発生すると、モデルのprevious()を使用して古い値を取得します。それが増減したかどうかによって、適切な事象が発生します。 initialize()に示すように、これらのイベントを聴くことができます。

(function($){ 

    window.MyModel = Backbone.Model.extend({ 

     initialize: function() { 
      this.on('change:myvar', this.onMyVarChange); 
      this.on('increased:myvar', function() {     
       console.log('Increased');     
      }); 
      this.on('decreased:myvar', function() {     
       console.log('Decreased');     
      }); 
     }, 

     onMyVarChange: function() { 
      if (this.get('myvar') > this.previous('myvar')) { 
       this.trigger('increased:myvar'); 
      } else { 
       this.trigger('decreased:myvar'); 
      } 
     }    
    }); 

    window.mymodel = new MyModel({myvar: 1}); 
    mymodel.set({myvar: 2}); 
    mymodel.set({myvar: 3}); 
    mymodel.set({myvar: 1}); 

})(jQuery);​ 

上記を実行すると、コンソールに「増加」、「増加」、「減少」が表示されます。

Answer 2

でこれをやりたい変更イベントを聞いた後、独自のカスタムイベントを発生か？

handler: function(increased) { 
    this.model.trigger('my-custom-event', stuff, you, want); 
}, 
myHandler: function(stuff, you, want){ 
    // Do it... 
} 
// ... 
this.model.on("change:attr", this.handler, this); 
this.model.on('my-custom-event, this.myHandler, this); 

Answer 3

はちょうどあなたがそれから比較することができpreviousAttributes()

を見て：

If(this.get(attr) > this.previousAttributes()[attr]){ 
    console.log('bigger'); 
} else { 
    console.log('smaller'); 
} 

あなたchangeイベントハンドラでは、すべてのセットだと使用している場合。カスタムトリガーや大量のコードは必要ありません。

EDIT

これは私のBackbone.Validatorsプロジェクトからのものであり、どのように私は、検証段階の間に変更されたすべての属性のリストを得る：それは_.hasを使用しているため

var get_changed_attributes = function(previous, current){ 
    var changedAttributes = []; 
    _(current).each(function(val, key){ 
     if(!_(previous).has(key)){ 
      changedAttributes.push(key); 
     } else if (!_.isEqual(val, previous[key])){ 
      changedAttributes.push(key); 
     } 
    }); 
    return changedAttributes; 
}; 

これはアンダー1.3.1が必要です。あなたがアップグレードすることができない場合は、簡単に置き換えることです。あなたのケースでは、あなたは渡すだろうthis.previousAttributes()とthis.attributes