Question

我有一个html表，其列是动态创建的。添加行按钮可以向表中添加行，并删除行按钮以删除行。最后有一个Save按钮，我想从输入的表中获取所有数据，并以json格式将其发送到我的mvc控制器。

表格设置一切正常。我唯一的问题是从可观察数组创建json。以下是我的小提琴：

如果单击添加一行或多行，则向两行输入数据。如果按下保存按钮，则会有一个可观察的：

self.valuesData()

现在，如果你在控制台中看到这个的值，那就是：

(2) [ValuesData, ValuesData]

进一步扩大这个：

(2) [ValuesData, ValuesData]
0:ValuesData {ID: "1", Co1: "2", Col2: "3", Col3: "4", Col4: "5", …}
1:ValuesData {ID: ƒ, Co1: ƒ, Col2: ƒ, Col3: ƒ, Col4: ƒ, …}
length:2
__proto__:Array(0)

由于我添加了2行，我可以看到2的数组。

现在如果您看到上面我可以在第一行id，col1，col2等中看到我的数据。我遇到的问题是如何从observable获取数据并构造我的json。

我期待我的json如下所示：

{
"ID": "1",
"Co1": "2",
"Col2": "3",
"Col3": "4",
"Col4": "5",
"Col5": "6",
"Comment": "7"
},
{
"ID": "8",
"Co1": "9",
"Col2": "10",
"Col3": "11",
"Col4": "12",
"Col5": "13",
"Comment": "14"
}

更新：

我试过如下：

    var dataToSave = $.map(self.valuesData(), function(item) {
    var jsonToSend = {};



    return jsonToSend;
  });

再次如第一行所述，我可以看到数据，但不知道如何从第二行和后续行获取数据。

这是我更新的小提琴：

https://jsfiddle.net/4djn2zee/3/

Knockout JS：从viewmodel可观察数组创建Json

0 个答案: