2013-02-28 65 views
6

有没有办法拒绝/取消对observable值的修改? 像这样:拒绝可观察值变化

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

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

}, this) 

回答

8

编辑:

我发现别的东西:可写的计算观测。

下面是一个例子:

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

,那么你绑定到计算字段。

/编辑

我会去用自定义绑定。

下面是自定义绑定的教程: http://learn.knockoutjs.com/#/?tutorial=custombindings

或这里的文档: http://knockoutjs.com/documentation/custom-bindings.html

0

为了拒绝写值我用下面的:

  • 创建一个隐藏的可观测存储该值。
  • 根据隐藏的观测值返回一个可写的计算观测值。
  • 将某些内容写入计算的observable时,在接受它之前进行验证。

我伸出淘汰赛与此代码:

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

使用它的对象是这样的:

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

更多解释检查我的博客Conditioning Knockout Observables: reject values