ember-data: Wie man eine Flash-Nachricht speichert/speichert

Question

Um eine kleine gelbe "Speichern"/"Gespeichert" -Anzeige am oberen Rand meiner App zu erstellen, hätte ich gerne eine boolesche Eigenschaft, die if anzeigt Alle Glutendatensätze befinden sich derzeit im Flug.

Ich versuchte dies:

App.store = DS.Store.create 
    isSaving: (-> 
    for record in this.get('recordCache') 
     if record?.getPath('stateManager.currentState.name') == 'inFlight' 
     return true 
    return false 
).property('recordCache.@each.stateManager.currentState.name') 

aber dann entdeckte ich, dass recordCache nicht beobachtbar ist.

Ich verwende keine Transaktionen, nur App.store.commit(), so sah ich App.store.get('defaultTransaction'), aber es ergab nichts nützliches.

Ich benutze den RESTAdapter, also wenn ich es erweitern könnte, um mir diese Information zu geben, würde das auch funktionieren.

Answer 1

Nun, Sie könnten einfach ein Basismodell mit einer didupdate -Eigenschaft erstellen, die die Anzeige Ihrer Benachrichtigung verarbeitet, und dann von jedem Ihrer Modelle erweitern lassen. Es ist wirklich eine Notlösung, aber es funktioniert einstweilen:

App.Model = DS.Model.extend 
    didUpdate: -> 
     # invoke your notification 
     alert("All changes saved!") 

App.User = App.Model.extend() 

aber .... das für jeden Datensatz ausgelöst wird, die aktualisiert wird. Daher solltest du deine Benachrichtigungsklasse wahrscheinlich so erstellen, dass nicht mehr als eine gespeicherte Benachrichtigung gleichzeitig geöffnet wird ... aber das liegt an dir.

Ich arbeite derzeit an der Implementierung einiger der grundlegenden Server-Validierungsmethoden aus dieser Pull-Anforderung https://github.com/emberjs/data/pull/376, und ich hoffe, dass ich eine bessere Möglichkeit finden werde, den Status der Commits (und Willen von Natürlich posten Sie hier, wenn ich das tue).

Answer 2

Warum erstreckt sich nicht Modell, Controller und/oder Ansicht:

DS.Model.reopen({ 
    didCreate: function() { 
     this.set('persisted', true); 
    }, 
    didUpdate: function() { 
     this.set('persisted', true);  
    }, 

    resetPersistenceFlag: function(){ 
     this.set('persisted', false); 
    }.observes('isDirty') 

}); 

Ember.Controller.reopen({ 
    contentPersistedObserver: function() { 
     if (this.get('content.persisted') === true) { 
      //do stuff here 
     } 
    }.observes('content.persisted') 
}); 

Ember.View.reopen({ 
    controllerContentPersistedObserver: function() { 
     if (this.get('controller.content.persisted') === true) { 
      //do stuff here 
     } 
    }.observes('controller.content.persisted') 
});​ 

Auf diese Weise Ihren Controller/Ansicht wissen, wann Modell gespeichert wird. Es wird für Create/Update-Controller ausgelöst, aber für Controller, die Arrays verwalten, wird es nicht funktionieren.

Answer 3

Es gibt eine viel einfachere Lösung dieses Problems.

App.MyView = Ember.View.extend({ 

    init: function() { 
     this._super(); 
     var self = this; 
     this.get('controller').content.on('didUpdate', function() { 
      self.SomeCoolUpdateFunctionForMyView(self.$()); 
     }); 
    } 
}); 

Selbst $() Verweise auf die jquery Darstellung Ihrer Ansicht.