2013-02-28 14 views
6

Gibt es eine Möglichkeit, die Änderung eines Observable-Werts zurückzuweisen/abzubrechen? So:Ablehnen beobachtbare Wertänderung

observable.subscribe (function (newvalue) { 
    if (newvalue < 0) { 

     // cancel changing 
    } 
    else{ 
     // proceed with change 
    } 

}, this) 

Antwort

8

Edit: Beschreibbare berechnet Observablen:

ich etwas anderes gefunden. Hier

ein Beispiel:

function AppViewModel() { 
    this.field = ko.observable("initValue"); 
    this.computedField = ko.computed({ 
     read: function() { 
      return this.field(); 
     }, 
     write: function (value) { 
      if(value > 0) { 
       this.field(value); 
      } 
     }, 
     owner: this 
    }); 
} 

So dann binden Sie auf dem berechneten Feld.

/bearbeiten

ich mit einer benutzerdefinierten Bindung gehen würde. Hier

ist das Tutorial für kundenspezifische Bindung: http://learn.knockoutjs.com/#/?tutorial=custombindings

oder hier wird die Dokumentation: http://knockoutjs.com/documentation/custom-bindings.html

0

Um Schreibwerte lehne ich verwendet, um die folgenden:

  • Erstellen einer beobachtbaren versteckt Das speichert den Wert.
  • Geben Sie eine schreibbare berechnete Observable zurück, die auf der versteckten Observablen basiert.
  • Wenn etwas in das berechnete Observable geschrieben wird, validiere es, bevor du es akzeptierst.

I erweiterte Knockout mit diesem Code:

ko.conditionedObservable = function (initialValue, condition) { 
    var obi = ko.observable(initialValue); 
    var computer = ko.computed({ 
     read: function() { return obi(); }, 
     write: function (newValue) { 
      //unwrap value - just to be sure 
      var v = ko.unwrap(newValue); 
      //check condition 
      if (condition(v)) { 
       //set it to the observable 
       obi(v); 
      } 
      else { 
       //reset the value 
       computer.notifySubscribers(); 
      } 
     } 
    }); 
    return computer; 
}; 

es im Objekt wie folgt verwendet:

field = ko.conditionedObservable<number>(null, (v) => parseInt(v) > 0); 

Für weitere Erklärung meines Conditioning Knockout Observables: reject values Blog überprüfen.