Omurga Modellerinin Üzerine Yazma Olayı Değiştir

Question

Yapmak istediğim şey oldukça basit, nasıl yapacağımı bilmiyorum. Modellerimden biri, bazı verileri olay işleyicisine iletmek amacıyla değişiklikler yüklediğinde (değişiklikteki artış veya artışta bir azalma mıydı) kendi olayımı tetiklemek isterim.

Temelde benim işleyicisi görünüm

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

// ... 

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

Answer 1

İşte burada: Temel olarak change:myvar'u dinlersiniz. Bir değişiklik olduğunda, eski değeri almak için modelinizin previous() modelini kullanın. Arttırılmış veya azaltılmış olmasına bağlı olarak uygun olayı ateşlersiniz. Bu olayları initialize()'da gösterildiği gibi dinleyebilirsiniz.

(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);​ 

yukarıdaki konsola "Azalmış", "Artan", "Artan" yazdırılırken Running.

Answer 2

bunu yapmak istiyorum ne değişim olayı dinledikten sonra kendi özel olay yangın olur?

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

Hemen Sonra karşılaştırabilirsiniz previousAttributes()

bakmak:

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

Eğer change olay işleyicisi Tamamen hazır olduğunu kullanın. Özel bir tetiklemeye veya kod tonuna gerek yok.

DÜZENLEME

Bu benim Backbone.Validators projeden ve ben doğrulama adımı sırasında değişmiş bütün niteliklerin listesini elde nasıl: Bu _.has kullanıyor çünkü

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; 
}; 

Bu alt çizgi 1.3.1 gerektirir. Eğer yükseltemezseniz, bunun yerini değiştirmek kolay bir şeydir. Sizin durumunuzda, this.previousAttributes() ve this.attributes