Primeng: DataTable OnEditComplete Event Not Firing When Field Being Edited Loses Focus

[jamesdking]

I'm submitting a ...

[X] bug report
[ ] feature request
[ ] support request

http://plnkr.co/edit/Lvy82I95GtsNi06c8h4x?p=preview

Current behavior
When completing an edit in the DataTable by clicking outside of the field being edited, the OnEditComplete event does not run.

Expected behavior
The OnEditComplete event should run whenever the field being edited loses focus.

• Angular version: 4.0.X
• PrimeNG version: 4.0.3
• Browser: [Chrome]
• Language: [TypeScript 2.2.2]

[cagataycivici]

This should be fixed in recent PrimeNG release, please try with it and if the issue persists drop a comment with along with a test case based on plunkr below and we'll review again.

http://plnkr.co/edit/Wj39h1?p=preview

[jamesdking]

Seems to still exist as of 4.1.0-rc2 and Angular 4.2.4

http://plnkr.co/edit/1QP10X0DL8Zs1HcW4rl9?p=preview

[jefftham]

initially, #2535 reported as

DataTable onEditComplete Event is not fired when user hit "Tab" on keyboard or any other method to navigate out of the Editable column.

However, developer changed it and support when user click the "Tab" key.

[vahanAGH]

Could you please say when it will be fixed ?

[alienriquebm]

Same problem here. Is a good idea when user clicks outside, the content of the cell can (at least) revert to the original content. If user does click outside and the content is the new one, then the user could feel that the contents is saved.

[bjareczek]

Yes, I too am having a real problem with not having onBlur event at table or cell level. We are saving row data when user tabs out of last column, or user clicks in another row field. When user clicks in field of another row, we lose context of previous row so have to make a work around.

[jefftham]

3138 provides more detail on this issue.

[faiyazalam15]

Hi i am not able to fire event on onEditComplete, onValueChange, onEditCancel in p-datatable so Could you please say how to resolve it.

[cagataycivici]

p-dataTable is deprecated and will be removed in favor of the new p-table (aka TurboTable) of 5.1.0 so closing the issue. Please try the new p-table once 5.1.0 is released.

[alok-2079]

In p-table too onEditComplete is not working,
Please resolve this problem

[cestradamiranda]

Improvement --> In p-table onEditComplete works only when Enter key is pressed. Is it possible to enable this to tab key?, I saw the implementation and is only available for Enter key.

[vvvttt]

Have same issue, it's not getting fired even in turbo table.

[chante29]

For me, it has worked calling the method focusout in the input, and then, manipulating editingcell

In html:
<p-table #tableId> <p-cellEditor *ngIf="col.editable != undefined && col.editable"> <ng-template pTemplate="input"> <input type="text" (focusout)="focusoutcell(tableId)"/> </ng-template> </p-table>

In ts:
focusoutcell(table) { $(table.editingCell).removeClass('ui-editing-cell'); table.editingCell = null; }

[darckyn]

Same error here in turbo table.

plz help

[juliuszfedyk]

Same error here

[pnutmath]

When we made change in one input field and then click on another input field it doesn't fire onEditComplete event. however it works for enter and tab key

[mikeveltman]

Yes, this is still a problem. Clicking between input fields doesn't trigger onEditComplete event. Anyone got a fix for that?

[michaelferry]

@mikeveltman - Did you have any luck in fixing this?

[mikeveltman]

@michaelferry We made custom cell-input and cell-display components. The custom cell-input component outputs a cellEditComplete event at a blur event of the input inside the cell-input component. But the issue itself is not fixed.