jQuery - Kendo UI 체크 박스 컨트롤

Question

데이터 그리드 헤더에이 검도 UI 체크 박스가 있는데이 체크 박스를 클릭하면 그리드 행의 모든 ​​체크 박스에 똑같이 체크해야합니다. 모든 행이 더 이상 선택되어 있기 때문에

까다로운 부분은 것을 어떤 행이 체크 박스 상태가 변경 될 때 그래서 각 격자 행 상태로들을 수 있도록, 그리드 헤더가이 변경 통지해야하며, 자동으로 상태를 변경하지 않습니다/선택하지 않았습니다.

나는 이것을 멀리서 더 멀리 생각하기가 어렵다. JS BIN

입력 해 주셔서 감사합니다.

Answer 1

다음 접근 방법은 무엇입니까?

var $grid = $('#grid'); 
var grid = $grid.kendoGrid().data('kendoGrid'); 
var rowCount = 2; 

$('.parentCheckbox').click(function() { 
    $('.childCheckbox').prop('checked',this.checked); 
}); 

$('.childCheckbox').click(function() { 
    var checkeBoxesCount = $grid.find('input:checked').size(); 
    $('.parentCheckbox').prop('checked',checkeBoxesCount == rowCount); 
}); 

http://jsfiddle.net/XsAZa/6/