Come può un osservatore scoprire i valori precedenti e successivi della proprietà osservata in Ember.js?

Question

Consultare la soluzione per un'altra domanda fornita da ud3323: http://jsfiddle.net/ud3323/ykL69/. Questa soluzione evidenzia il valore modificato utilizzando il colore rosso. Ho un ulteriore requisito: se il valore è aumentato evidenzia in verde, se ha diminuito l'evidenziazione in colore rosso. Per questo, ho bisogno di conoscere i vecchi e i nuovi valori nel mio osservatore. C'è un modo per fare questo?

P.S. I documenti Embers non dicono nulla di ciò che è disponibile nella funzione di osservatore. Tutto quello che posso dire dall'esempio è che poiché l'osservatore è definito in itemRowView, "this" punta a itemRowView.

Answer 1

Date un'occhiata a beforeObserver s. Un beforeObserver si attiva prima che una proprietà cambi. Quindi se tu hai get la proprietà in un beforeObserver, avrai il valore di pre-cambiamento. Si imposta questo tipo di osservatore usando Ember.addBeforeObserver o tramite l'estensione del prototipo di funzione observesBefore.

Questo ti darebbe quello che ti serve per raggiungere il tuo obiettivo. Ho creato il seguente JSBin basato sul tuo violino per dimostrarlo qui: http://emberjs.jsbin.com/qewudu/2/edit

AGGIORNATO il 2014-10-07 per riflettere il comportamento in Ember 1.7.x.

AGGIORNAMENTO 2015-02: beforeObserver è stato dichiarato obsoleto. Vedi altre risposte a questa domanda.

Answer 2

Usa willInsertElement per memorizzare il valore iniziale, e sulla modifica del valore, confrontare i due:

Quotes.itemRowView = Ember.View.extend({ 
    tagName: 'tr', 

    initialValue: null, 

    willInsertElement: function(){ 
     var value = this.get('content').value; 
     this.set('initialValue', value); 
    }, 

    valueDidChange: function() { 
     // only run if updating a value already in the DOM 
     if(this.get('state') === 'inDOM') { 
      var new_value = this.get('content').value; 
      // decreased or increased? 
      var color = (new_value > this.get('initialValue')) ? 
       'green' : 'red' ; 
      // store the new value 
      this.set('initialValue', new_value); 
      // only update the value element color 
      Ember.$(this.get('element')).find('.quote-value').css('color', color); 
     } 
    }.observes('content.value') 
}); 

Date un'occhiata al jsfiddle http://jsfiddle.net/ykL69/15/

Answer 3

beforeObserver è stato deprecated in Ember 1.10.

Al contrario, utilizzare una cache manuale:

doSomething: Ember.observer('foo', function() { 
    var foo = this.get('foo'); 
    var oldFoo = this.get('_oldFoo'); 

    if (foo === oldFoo) { return; } 

    // Do stuff here 

    this.set('_oldFoo', foo); 
}) 

Answer 4

ho usato una proprietà calcolata per indirizzare alla proprietà di un modello e di memorizzare l'ultimo valore al momento della sua serie.

registrationGroup: Em.computed('regionModel.registrationGroup', 
get:-> 
    @.get('regionModel.registrationGroup') 
set:(key, value, oldValue)-> 
    @.set('lastRegistrationGroup', oldValue) 
    @.set('regionModel.registrationGroup', value) 
)