Cell Edit Back-end Hook
Angular Data Grid
Files of interest
1: The .html template where you added the grid with
2: The template's corresponding .ts file
3: interfaces/cell-edit.ts
1: The .html template where you added the grid with
<app-deebodata-data-table-component2: The template's corresponding .ts file
3: interfaces/cell-edit.ts
The grid automatically emits a cell edit event every time a cell is edited, pictured in the code below.
Use the code below to listen for this output event in the 1st file of interest listed above, and react to the event in typescript
using the 2nd file of interest.
<app-deebodata-data-table-component
(cellEdit)="yourEditHandler($event)"
></app-deebodata-data-table-component>
In the 2nd file of interest, declare the yourEditHandler (or your custom method name) method to accept a parameter of type CellEdit.
The CellEdit type is an interface that includes necessary data about a given cell edit, such as the column key of the edited cell,
the new value of the cell, and the index of the row in the entire data set.
