Hello,
I have i grid , i want to get updated value of cell when user updates cell but when i enter some value in grid( not pressed enter yet ) and then click some where else out of grid cell value doesn't update , please tell me how to solve this issue please reply asap
following the picture of the problem
Hi,
Thank you for contacting us!
I was unable to reproduce the behavior that you're seeing on your side.
Could you please provide me with a sample for investigation. This may help indicate the nature of this issue.
Please, let me know if you have any further questions.
just take a simple grid make it editable double click on any cell change its value and click some where else from grid you will see you are still in edit mode and grid's "onEditDone "Event not fired
Thank you for your patience.
By design the Igx-Grid cannot provide the functionality to submit edit on click outside the grid.You can find more information in the Data Grid Editing topic.
In future we will enhance the editing with the functionality to submit the change when you click anywhere within the scope of the grid.
Is there any update on this issue? We also have the same problem that when clicking the save button the edited value is not yet commited. Is there anyway to detect an outstanding edit and commit it programmatically? I tried to use the endEdit() method on the grid but that isn't working as it seems like the crudService.cell is null in that situation whereas if I press enter then that method is getting the cell and handling it properly.
Hi, right now we have the same requirement, there is another solution that does not involve using a custom editor template, something like an "onEditingCellBlur" event.
Thanks in advance.
Regards.
JM.
Hello all,The described functionality can be achieved with a custom-editor-template.I made a sample based on the following two scenarios:- Edit cell when focusing out the currently updated cell.
- Edit cell when clicking on a button outside the grid (To test this approach, the
<ng-template #customEditorTemplate igxCellEditor let-cell="cell"> <igx-input-group> <input igxInput type="{{cell.column.dataType}}" [(ngModel)]="cell.editValue" (input)="valueToEdit($event)" (blur)="save()" /> </igx-input-group> </ng-template>
Here is the sample in Codesandbox - https://codesandbox.io/s/igx-grid-custom-editor-template-7xw4k .Please, take a look at the sample and let me know if you have any questions.Best Regards,Hristo Popov