knockout.js嵌套相互引用

Question

我试图像下面这样填充表中的行和单元格：

<tbody data-bind="foreach: {data: rows, as: 'row'}">
    <tr data-bind="foreach: {data: row, as: 'cell'}">
        <td data-bind="text: cell"></td>
    </tr>
</tbody>

使用这个作为我的行var：

self.rows = ko.observableArray([
            [
                ['Test', '10', '100', '98', '10', '15']
            ],
            [
                ['Test2', '10', '100', '98', '10', '20']
            ]
]);

这将填充正确的行数，但只有第一个TD填充了数组的整个内容。

在以下方面的成果：

<tbody data-bind="foreach: {data: rows, as: 'row'}">
    <tr data-bind="foreach: {data: row, as: 'cell'}">
        <td data-bind="text: cell">Test,10,100,98,10,15</td>
    </tr>

    <tr data-bind="foreach: {data: row, as: 'cell'}">
        <td data-bind="text: cell">Test2,10,100,98,10,20</td>
    </tr>
</tbody>

我做错了什么？

Answer 1

您有三个级别的数组，并且只迭代了两个层次的深度。如果您将rows数据更改为只嵌套两个层次的深度，它应该会像预期的那样工作：

self.rows = ko.observableArray([
    [
        'Test', '10', '100', '98', '10', '15'
    ],
    [
        'Test2', '10', '100', '98', '10', '20'
    ]
]);

JSFiddle：http://jsfiddle.net/Zj2qN/

Answer 2

你有一个三级数组。你确定你需要那个吗？

如果是这样的话，你需要多做一个嵌套绑定。

我不这么认为，我想你想让你的数组看起来这样：

self.rows = ko.observableArray([[1,2,3],[4,5,6]]);