NumericTextBox is not updated with 'enter' key

[Santy]

I have a grid, in which there are two NumericTextBox fields ('costo' and 'cantidad'), the problem is when I enter a value and press the 'enter' key, that field is not updated, and the value it shows is the last one updated. It only updates if I use the arrows or move the cursor to another field.

The grid without modifying the field:

The grid when I change the 'costo' field to 555:

I press the 'enter' button without selecting another field, nor the arrows:

Value update not performed.

The grid declaration is:

The change function ('costo' and 'cantidad' is the same) is:

[Rajapandiyan Settu]

Hi Santy,

Thanks for contacting Syncfusion support.

By analyzing your code example, we found that you are using cellEditTemplate feature to render the Numeric Textbox component to edit that column. You can resolve the reported problem by using the following code in the read method of cellEditTemplate.

[index.js]

        read: function (args) {

          return parseFloat(args.value); // return the value from the event argument

        },

 

Sample: https://stackblitz.com/edit/2qkdry?file=index.js

Please get back to us if you need further assistance.

Regards,

Rajapandiyan S