将多个 json 数据合并到单个 vm 中的 Knockout

Question

我想将多个 json 数据合并到一个虚拟机中。我读到你可以多次从 js 映射到模型中，它应该合并，但就我而言，它不是。它正在替换数据。

function Item(ID, Name, Description) {
    this.ID = ko.observable(ID);
    this.Name = ko.observable(Name);
    this.Description = ko.observable(Description);

}

var MasterViewModel = {
    model: ko.observableArray([])

};

$.getJSON(url, function (response) {
    ko.mapping.fromJS(response["TM1.Cube"], Item, MasterViewModel.model);
    ko.mapping.fromJS(response["TM1.Dimension"], Item, MasterViewModel.model);

})

ko.applyBindings(MasterViewModel);

这是我的 json 数据

{ 
    "LogicalName": "TM1.Model",
    "ID": "12345",
    "Name: "Sample",
    "TM1.Cube": [
        {
            "LogicalName": "TM1.Cube",
            "ID": "111111",
            "Name": Assets"
        },  
        {
            "LogicalName": "TM1.Cube",
            "ID": "111112",
            "Name": Finance"
        }
    ],
    "TM1.Dimension": [
        {
            "LogicalName": "TM1.Dimension",
            "ID": "222221",
            "Name": Assets"
        },
        {
            "LogicalName": "TM1.Dimension",
            "ID": "222222",
            "Name": Finance"
        }
    ]
}

而我期待的结果是这样的

{
    "LogicalName": "TM1.Cube",
    "ID": "111111",
    "Name": Assets"
},  
{
    "LogicalName": "TM1.Cube",
    "ID": "111112",
    "Name": Finance"
},
{
    "LogicalName": "TM1.Dimension",
    "ID": "222221",
    "Name": KPI"
},
{
    "LogicalName": "TM1.Dimension",
    "ID": "222222",
    "Name": Default"
}

我添加了一个jsFiddle http://jsfiddle.net/e1ppj3qc/1/

Answer 1

映射插件可以采用现有模型，但我认为它不会合并数据。

例如，您可以像这样映射两次：

{one: "yo"} 和 {two: "dawg"}

进入同一个模型，您现在将有两个可观察对象，one() 和 two()

但是如果你要这样做（你是）： {one: ["yo"]} 和 {one: ["dawg"]}

它将始终覆盖匹配的属性。您可以改为执行映射，然后简单地推入要添加的数组，如下所示：

function pushCubs(dataToPush) {
     ko.utils.arrayPushAll(MasterViewModel.modelcub, dataToPush());
}

pushCubs(ko.mapping.fromJS(data));
pushCubs(ko.mapping.fromJS(data2));

http://jsfiddle.net/e1ppj3qc/2/

将多个 json 数据合并到单个 vm 中的 Knockout

Knockout combining multiple json data into single vm

javascript

json

knockout-mapping-plugin

knockout.js