将角度UI-GRID选择RowButton替换为复选框

Question

我需要将UI网格选择标题内容替换为常规复选框，而不是默认的"确定"按钮。我可以插入复选框，但无法控制基于列标题复选框的行复选框值。要求：选中列标题复选框时，应选中所有行复选框。如果取消选中行复选框，则应取消选中列标题复选框。

选择/取消选择复选框有效，但我应该能够基于列标题复选框控制行复选框。

我正在为这里的范围而挣扎。如有任何帮助/建议，我们将不胜感激。

Plunker链接：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

以下是修复http://plnkr.co/edit/aBmgnNXQ4fL0npJHzsfG?p=preview

标题复选框模板：

<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>

行复选框模板：

<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>