使用Knockout JS映射选项将Observable属性添加到映射的Observable数组

Question

我使用Knockout可观察数组（ self.data ）在视图中绑定表，该数组由AJAX调用和Knockout Mapping插件填充。 目的是使ViewModel作为可重用组件。

我需要添加一列以选择表行。 我想通过使用映射选项将boolean isSelected observable属性添加到self.data observable数组中的每个项目来做到这一点。 然后， self.selectClicked函数使用此可观察属性，将项目推入或弹出到self.selectedItems可观察数组。

问题是，我不太确定如何将isSelected属性添加到每个数组项。

这是当前的代码：

//// NOTE: ko.applyBindings and the AJAX call currently happen outside of this code.

function ViewModel() {

var self = this;

var mapping = {
    // Boolean observable property for each array item added here?
};

self.data = ko.observableArray([]);
self.selectedItems = ko.observableArray([]);

self.selectClicked = function (data, event) {

    if (event.currentTarget.checked) {
        self.selectedItems.push(data);                       
    }
    else {
        self.selectedItems.pop(data);
    }

    return true;
};

// AJAX Data is pushed to the self.data observable array through this function
self.addData = function (_data) {

    ko.mapping.fromJS(_data, mapping, self.data);

};
}

Answer 1

您可以手动创建数据对象并使用create添加isSelected ：

var mapping = 
{
    create: function(_data) {
        return new Data(_data.data);
    }
};

self.addData = function (_data) {
    ko.mapping.fromJS(_data, mapping, self.data);
};

var Data = function (data) {
    var self = this;

    ko.mapping.fromJS(data, {}, self);

    self.isSelected = ko.observable(false);
};

的jsfiddle

这在Knockout映射插件文档中有所记录 。