Я предполагаю, что только у одного из столбцов установлен флажок.
Вы можете использовать привязку события selectionChanged
.Это событие будет генерироваться всякий раз, когда вы устанавливаете или снимаете флажок.Вы можете прочитать об этом больше здесь .
Однако, если вы хотите проверить, отмечена ли выбранная строка или нет, лучше вместо нее связать событие rowSelected
.
Например, в component.html:Вы можете привязать метод onSelectionChanged()
к событию selectionChanged
.
<ag-grid-angular
#agGrid
style="width: 100%; height: 100%;"
id="myGrid"
class="ag-theme-balham"
[columnDefs]="columnDefs"
[defaultColDef]="defaultColDef"
[suppressRowClickSelection]="true"
[rowSelection]="rowSelection"
[rowData]="rowData"
(gridReady)="onGridReady($event)"
(rowSelected)="onRowSelected($event)"
(selectionChanged)="onSelectionChanged($event)"
></ag-grid-angular>
И в ваших component.ts вы определите метод onSelectionChanged()
onRowSelected(event) {
console.log(event);
console.log(event.node.selected);
console.log(event.rowIndex);
}
onSelectionChanged(event) {
console.log(event); // verify that the method is fired upon selection
// do the rest
}
Вот демо .