3

我正在将 ko.observablearray 绑定到表。数组中的每个对象（称为“组”）都绑定到一个表。每个组都持有另一个（非淘汰赛）代码数组。每个代码都绑定到一行。每个代码都有一个布尔值，绑定到一个复选框。

如果组中没有一个布尔值为真，我希望启用该组的所有复选框。如果组中至少有一个布尔值为真，我希望禁用该组的错误复选框，并启用真正的复选框。加载页面后，这将按预期工作；但是，当我选中或取消选中某个框时，框的启用/禁用状态不会改变。用调试器看，observablearray 正在更新，但是表中的数据没有。

页：

<table data-bind="foreach: {data: Groups}">
    <thead>
        <tr>
            <th colspan="3" data-bind="text: GroupName"></th>
        </tr>
    </thead>
    <tbody data-bind="foreach: {data: Codes}">
        <tr>
            <td data-bind="text: CodeId"></td>
            <td data-bind="text: Desc"></td>
            <td>
                <input type="checkbox" data-bind="checked: Prime, disable: $root.HasPrime($parent) && !Prime" />
            </td>
        </tr>
    </tbody>
</table>

测试组中是否有任何真值的 Javascript 函数：

var HasPrime = function (gr) {
    for (var i = 0; i < gr.Codes.length; i++) {
        if (gr.Codes[i].Prime === true) {
            return true;
        }
    }
    return false;
};

小提琴：http: //jsfiddle.net/NSLPu/2/

4

1 回答 1

3

如果你想要双向绑定，你需要让事情observable。在您的情况下，Prime属性必须是可观察的：

var code1 = {
    'CodeId': 123,
        'Desc': 'Code 1',
        'Prime': ko.observable(false) // <---- changed!
};

这将需要对其余代码进行一些相应的更改：

  • 普通的 JS 调用必须Prime作为获取当前值的方法调用
  • “做事”的绑定（如否定，如在输入上）也需要调用 observable 来获得否定的值

请参阅此小提琴以获取更新。

于 2013-08-13T19:19:34.680 回答