表在ko.observablearray更改时未更新
表在ko.observablearray更改时未更新
提问于 2013-08-13 19:06:50
我正在将一个ko.observablearray绑定到一个表。数组中的每个对象(称为“组”)都绑定到一个表中。每个组都有另一个(非敲除)代码数组。每个代码都绑定到一行。每个代码都有一个布尔值，绑定到一个复选框。
如果一个组中没有一个布尔值为真，我希望启用该组的所有复选框。如果一个组中至少有一个布尔值为true，我希望禁用该组的false复选框，并启用真正的复选框。当加载页面时，这将按预期工作；但是，当我选中或取消复选框时，这些框的启用/禁用状态不会改变。使用调试器查看它，观测数据正在更新，但表中的数据没有更新。
页面：
<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/
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-13 19:19:34
如果你想要双向绑定，你就需要让事情变得可观察。在您的示例中，Prime属性必须是可观察的：
var code1 = {
'CodeId': 123,
'Desc': 'Code 1',
'Prime': ko.observable(false) // <---- changed!
};这将需要对代码的其余部分进行相应的更改：
- 普通的JS调用必须调用
Prime作为获取当前值的方法。 - “做一些事情”的绑定(如对输入的否定)也需要调用可观察到的值，从而使值被否定。
有关更新，请参见这把小提琴。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18217170
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号