如何在knockout viewmodel中为每个可观察对象添加扩展器

How to add an extender to each observable in knockout viewmodel?

本文关键字：观察 对象 扩展器 添加 knockout viewmodel      更新时间：2023-09-26

我试图在我的视图模型中添加一个扩展器到我的所有可观察对象。我的数据来自服务器，所以我不能逐一指定属性。

我尝试了这个，但它不工作，我使用logChange扩展器从knockout js网页为本例。

var addingExtender = {
  key: function (data) {
        return data.id;
    },
  create: function(options) {
            return ko.observable(true).extend({ logChange: "Value Changed" });
    }
};
ko.mapping.fromJS(data, addingExtender, self);

我最后做了一个函数来逐个添加扩展器。

function addStorage(koViewModel,name) {
    for (var observableKey in koViewModel) {
        if (ko.isObservable(koViewModel[observableKey]) 
        && !isObservableArray(koViewModel[observableKey])) {
            koViewModel[observableKey].extend({ persist: name === undefined ?
                   url + observableKey : url + name +     "." + observableKey });
        }
        if (typeof koViewModel[observableKey] === "object") {
            for (var observables in koViewModel[observableKey]) {
                if (ko.isObservable(koViewModel[observableKey][observables]) 
                && !isObservableArray(koViewModel[observableKey][observables])) {
                    koViewModel[observableKey][observables].extend({ persist: url +
                           observableKey + "." + observables });
                }
            }
        }
    }
}

使用Typescript语法，递归扩展叶观察

extendObservables(vm: object): void {
    for (var observableKey in vm) {
        if (!vm.hasOwnProperty(observableKey) || observableKey == "__ko_mapping__") {
            continue;
        }
        if (ko.isObservable(vm[observableKey]) && typeof ko.unwrap(vm[observableKey]) === "object") {
            this.extendObservables(ko.unwrap(vm[observableKey]));
        } else if (ko.isObservable(vm[observableKey])) {
            extendObservable(vm[observableKey]);
        } else if (typeof vm[observableKey] === "object") {
            this.extendObservables(vm[observableKey]);
        }
    }
}
相关文章：