knockout.js - 淘汰赛：选择所有复选框不起作用

Question

我们正面临一个特殊的问题。我们有一个表格，其中每一行都是可选的，并且与敲除绑定，如下所示：

thead
  tr
    th: input(type="checkbox", data-bind="checked: $root.onSelectAll")
    ..
    ..
tbody(data-bind="foreach: items")
  tr
    td
      input(type="checkbox", data-bind="attr: { value: $data.id }, checked: $root.selectedItems")
    ..
    ..

这很好用，因为我们选择了一个项目，并且它的 id 属性被添加到 selectedItems 列表中。

我们现在需要为每个页面实现一个全选选项，因为有分页。我们正在查看http://jsfiddle.net/rniemeyer/kXYuU/但无法使其工作，这就是问题所在。我能够自己编写一个解决方案，但它比应有的复杂得多。使用 Knockout，它应该更容易和更清洁。

Answer 1

首先，我可能是错的，但我认为您不能在绑定$root上下文之外使用。foreach无论您是否可以，您的th( $root.onSelectAll--> onSelectAll) 的绑定都不需要它。

其次，$root.selectedItems感觉就像一个 observableArray，不能将 observableArray 绑定到checked，它必须是 observable。