넉 아웃 : 작동하지 않는 모든 확인란을 선택하십시오.

Question

우리는 특정 문제에 직면 해 있습니다. 우리는 다음과 같은, 각 행은 선택과 녹아웃 바인딩 된 테이블이 : 우리는 항목을 선택하고 id 속성이 selectedItems를 목록에 추가됩니다의로이 잘 작동

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") 
    .. 
    .. 

.

페이지 매기기가 있으므로 각 페이지에 대해 모두 선택 옵션을 구현해야합니다. 우리는 http://jsfiddle.net/rniemeyer/kXYuU/을보고 있었지만 제대로 작동하지 못했으며 그게 문제였습니다. 나는 독자적으로 해결책을 쓸 수 있었지만,해야 할 것보다 훨씬 더 복잡했습니다. 녹아웃으로 더 쉽고 깨끗해야합니다.

Answer 1

처음에는 틀렸을 수도 있지만 foreach 바인딩 외부에 $root을 사용할 수 없다고 생각합니다. 가능 여부와 관계없이 귀하의 th ($root.onSelectAll ->onSelectAll)에 대한 바인딩에 필요하지 않습니다.

둘째, $root.selectedItems은 observableArray와 비슷하지만 observableArray를 checked에 바인딩 할 수 없으며 관찰 가능해야합니다.