Sovrascrittura di un evento di modifica di modelli backbone

Question

Penso che quello che voglio fare sia piuttosto semplice, semplicemente non so come farlo. Vorrei attivare il mio evento quando uno dei miei modelli attribuisce modifiche allo scopo di passare alcuni dati al gestore di eventi (se il cambiamento è stato un aumento o una diminuzione di valore).

Fondamentalmente io voglio che il mio gestore per fare questo nella vista

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

// ... 

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

Answer 1

Ecco qua: in pratica ascolti change:myvar. Quando si verifica una modifica, utilizzare il modello previous() per ottenere il valore precedente. A seconda che sia aumentato o diminuito, l'evento appropriato viene attivato. Puoi ascoltare questi eventi come mostrato nello 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);​ 

L'esecuzione di quanto sopra verrà stampato "Aumentato", "Aumentato", "Diminuito" sulla console.

Answer 2

Che cosa succede se si spara il proprio evento personalizzato dopo aver ascoltato l'evento di modifica?

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

Basta guardare previousAttributes()

È quindi possibile confrontare:

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

Se si usa che nel vostro gestore di eventi change è tutto pronto. Non è necessario un trigger personalizzato o una tonnellata di codice.

EDIT

Questo è dal mio progetto Backbone.Validators e come ottengo la lista di tutti gli attributi che sono stati modificati durante la fase di validazione:

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

Ciò richiede sottolineatura 1.3.1 perché sta usando _.has. Se non è possibile aggiornare è una cosa facile da sostituire però. Nel tuo caso passeresti il ​​this.previousAttributes() e il this.attributes