Is there anyway I can tell the knockout mapping plugin to subscribe to all property changes call a certain function?
I realize I can manually subscribe to the property c
Here's a generic approach based on Ryan Niemeyer's dirty flag.
Click here for the JsFiddle.
Html:
-
Telephone :
-
Address :
Javascript:
var model = {
telephone: ko.observable('0294658963'),
address: ko.observable('167 New Crest Rd')
};
// knockout extension for creating a changed flag (similar to Ryan's dirty flag except it resets itself after every change)
ko.changedFlag = function(root) {
var result = function() {};
var initialState = ko.observable(ko.toJSON(root));
result.isChanged = ko.dependentObservable(function() {
var changed = initialState() !== ko.toJSON(root);
if (changed) result.reset();
return changed;
});
result.reset = function() {
initialState(ko.toJSON(root));
};
return result;
};
// add changed flag property to the model
model.changedFlag = new ko.changedFlag(model);
// subscribe to changes
model.changedFlag.isChanged.subscribe(function(isChanged) {
if (isChanged) alert("model changed");
});
ko.applyBindings(model);