在Knockout中扩展动态和映射数据

Extending dynamic and mapped data in Knockout

本文关键字：映射 数据 动态 扩展 Knockout      更新时间：2023-09-26

使用Knockout.JS，我试图确定如何最好地扩展视图模型中的对象，当它们将通过映射插件加载并动态添加时。在本例中，我将向Person对象添加一个方法addChild。

映射期间扩展：

    var myPersonModel = function (data) {
        ko.mapping.fromJS(data, {}, this);
        this.addChild = function () {
            this.children.push(new Child());
        } .bind(this);
    }
    var mapping = {
        'people': {
            create: function (options) {
                return new myPersonModel(options.data);
            },
        }
    }
    var viewModel = ko.mapping.fromJS(data, mapping);

在动态创建期间扩展：

    function Person(id, name, children) {
        this.id = ko.observable(id);
        this.name = ko.observable(name);
        this.children = ko.observable(children);
        this.addChild = function () {
            this.Forms.push(new Child());
        } .bind(this);
    }

但在我看来，必须有一种更简单的方法来做到这一点，这样我就不需要重复自己，并且映射的对象和新对象都会得到addChild方法。

看看这个答案，尤其是JSFiddle上的实际例子。

看起来你的代码已经接近它所需要的

我认为您只需要将mapping和ko.mapping.fromJS折叠到您的Person构造函数中。

相关文章：