拒绝可观察值变化
问题描述:
有没有办法拒绝/取消对observable值的修改? 像这样:拒绝可观察值变化
observable.subscribe (function (newvalue) {
if (newvalue < 0) {
// cancel changing
}
else{
// proceed with change
}
}, this)
答
编辑:
我发现别的东西:可写的计算观测。
下面是一个例子:
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
答
为了拒绝写值我用下面的:
- 创建一个隐藏的可观测存储该值。
- 根据隐藏的观测值返回一个可写的计算观测值。
- 将某些内容写入计算的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);