javascript - 表未使用 knockoutjs 刷新

Question

我正在使用带有简单二维数组到表绑定的 knockoutJs。表格渲染正常，点击功能正常触发，甚至 rightindex 也在更新。但用户界面没有得到刷新。

这是我的代码：

的HTML：

<table>
    <tbody data-bind="foreach: representation ">
        <tr data-bind="foreach: $data, click: $parent.clickMe">
            <td data-bind="text: $data ">
            </td>
        </tr>
    </tbody>
</table>

JS：

$(function () {


    var ViewModel = function () {
        var self = this;
        self.clickMe = function (data, event) {
            var target;
            if (event.target) target = event.target;
            else if (event.srcElement) target = event.srcElement;

            if (target.nodeType == 3) // defeat Safari bug
                target = target.parentNode;

            self.representation()[target.parentElement.rowIndex][target.cellIndex] = 1;
        };

        self.representation = ko.observableArray([
                    [0, 0, 0],
                    [0, 0, 0],
                    [0, 0, 0]
                ]);
    };
    ko.applyBindings(new ViewModel());
});

我在这里想念什么？

Answer 1

如果您希望每个表示中的各个值更新 UI，那么您也需要使它们成为可观察的，我猜：

 self.representation = ko.observableArray([
     [ko.observable(0), ko.observable(0), ko.observable(0)],
     [ko.observable(0), ko.observable(0), ko.observable(0)],
     [ko.observable(0), ko.observable(0), ko.observable(0)]
 ]);

然后使用以下方法更新它们：

self.representation()[target.parentElement.rowIndex][target.cellIndex](1);