2016-04-09 13 views
1

Ich muss den UI-Grid-Auswahl-Header-Inhalt durch ein reguläres Kontrollkästchen statt Standard-OK-Schaltfläche ersetzen. Ich konnte Kontrollkästchen einfügen, aber ich bin nicht in der Lage, das Kontrollkästchen Checkbox-Wert auf der Grundlage der Spaltenüberschrift Kontrollkästchen aktiviert. Voraussetzung: Wenn das Kontrollkästchen Spaltenüberschrift aktiviert ist, sollten alle Kontrollkästchen aktiviert sein. Wenn ein Kontrollkästchen für eine Zeile nicht ausgewählt ist, sollte das Kontrollkästchen für die Spaltenüberschrift deaktiviert sein.Ersetze angular UI-GRID Auswahl RowButton mit Kontrollkästchen

Aktivieren/Deaktivieren des Kontrollkästchens funktioniert, aber ich sollte in der Lage sein, die Zeile Kontrollkästchen auf Spaltenüberschrift Kontrollkästchen zu steuern.

Ich kämpfe hier mit dem Umfang. Jede Hilfe/Anregung wird geschätzt.

Plunker-Link: 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>" 
); 
+0

Kannst du uns ein Stück Code liefern? – amrdruid

+0

Bitte geben Sie einen Plunkr-Link an, der das Problem repliziert. – SaiGiridhar

+0

Hallo @Druid danke für einen Blick. Ich habe die Links zu plunkr hinzugefügt, die den Code und einen Link haben, um den laufenden PLNKR anzuzeigen. Ich kann keine Vorschau im Plumbing anzeigen und habe daher einen separaten Link bereitgestellt. –

Antwort

3

Hier ist die fix http://plnkr.co/edit/aBmgnNXQ4fL0npJHzsfG?p=preview

Header-Kontrollkästchen Vorlage:

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

Row Checkbox Vorlage:

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

Vielen Dank @SaiGiridhar. Genau das habe ich gesucht. –

+0

Row Checkbox Vorlage funktionierte für mich, aber nicht Header Checkbox Vorlage –

Verwandte Themen