Question

我正在使用带有简单2d数组的knockoutJs来进行表绑定。该表被渲染好，click函数被激活，甚至rightindex也得到了更新。但UI并没有得到refresehd。

这是我的代码：

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);

表格没有使用knockoutjs刷新

1 个答案: