0

データ グリッド ヘッダーにこの Kendo UI チェックボックスがあり、これがチェックされている場合、グリッド行のすべてのチェックボックスもチェックする必要があり、その逆も同様です。

トリッキーな部分は、各グリッド行の状態をリッスンして、行がチェックボックスの状態を変更したときに、すべての行がチェック/チェック解除されていないため、この変更によってグリッド ヘッダーに通知され、その状態が自動的に変更されるようにすることです。

私はここまで行きましたが、それ以上進むのは難しいと感じています。 JSビン

ご意見をお待ちしております。

4

1 に答える 1

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/

于 2013-08-16T10:35:02.543 に答える