Köşeli UI-GRID seçimini değiştir 0Bonbahar onay kutusu

Question

UI ızgara seçim başlığı içeriğini varsayılan OK düğmesi yerine normal bir onay kutusuyla değiştirmem gerekiyor. Onay kutusunu ekleyebildim, ancak sütun üstbilgisi işaretli onay kutusuna göre satır onay kutusunu kontrol edemiyorum. Gereksinim: Sütun başlığı onay kutusu seçildiğinde, tüm satır onay kutuları seçilmelidir. Satır onay kutusu seçili değilse, sütun başlığı onay kutusu seçilmemiş olmalıdır.

Seçin/seçimi kaldır onay kutusu çalışır ancak sütun üstbilgisine dayalı olarak onay kutusunu kontrol edebilmem gerekir.

Burada kapsam ile mücadele ediyorum. Herhangi bir yardım/öneri takdir edilir.

Plunker Bağlantı: Burada http://plnkr.co/edit/Ji7gLbfQTohnEj04mYFM?p=preview

$templateCache.put('ui-grid/selectionRowHeaderButtons', 
    "<div class=\"ui-grid-selection-row-header-buttons \" ng-class=\"{'ui-grid-row-selected': row.isSelected}\"><input style=\"margin: 0; vertical-align: middle\" type=\"checkbox\" ng-model=\"rowSelected\" ng-click=\"grid.appScope.clickConditionRow(rowSelected) && selectButtonClick(row, $event)\">&nbsp;</div>" 
); 

Answer 1

düzeltmedir http://plnkr.co/edit/aBmgnNXQ4fL0npJHzsfG?p=preview

Başlık onay kutusu şablonu:

<div class="ui-grid-selection-row-header-buttons" ng-class="{'ui-grid-all-selected': grid.selection.selectAll}" ng-if="grid.options.enableSelectAll"><input style="margin: 0; vertical-align: middle" type="checkbox" ng-model="grid.selection.selectAll" ng-click="grid.selection.selectAll=!grid.selection.selectAll;headerButtonClick($event)"></div> 

Sıra onay kutusu şablonu:

<div class="ui-grid-selection-row-header-buttons" ng-class="{'ui-grid-row-selected': row.isSelected}" ><input style="margin: 0; vertical-align: middle" type="checkbox" ng-model="row.isSelected" ng-click="row.isSelected=!row.isSelected;selectButtonClick(row, $event)">&nbsp;</div>