Issue In-line Grid Edit with NumericTextBox with Keyup or Enter event on Batch Mode

Hi,

We are facing issue when we start editing in (changing value in unit price column) and press ENTER or TAB key, value doesn't updated and unit price column keeps its previous value instead. 


Please refer to your documentation example below:
https://ej2.syncfusion.com/angular/documentation/grid/edit/#batch
and section where it says:
Automatically update the column based on another column edited value in Batch mode


PS. I have tried to use "blur" event instead of "change" in suggested code snippet but no luck.



Best Regards


2 Replies

DJ Darryl Johnson December 8, 2021 01:16 AM UTC

I am refereeing to your documentation example in above ticket/question as it is happening there too.

ENTER or TAB key not supported in this in-line edit example




BS Balaji Sekar Syncfusion Team December 8, 2021 12:51 PM UTC

Hi Darry, 

Greeting from the Syncfusion support. 

We checked your query with provided the information and we suspect that you want to update the “Total Cost” column value when change the “Unit Price” value in inline edit mode. Since we found the respective input element and create the instance of the input from that element then update a value on that instance of input component when we change a “Unit Price” value using change event NumericTextBox editing. 

Please refer the below code example and sample for more information. 

[app.component.ts] 
 upchangeFn(e) { 
    var input = document.querySelector("[name='TotalCost']"); 
    var numerictextboxIns = input.parentElement.querySelector('.e-control'); 
    numerictextboxIns.ej2_instances[0].value = e.value * 10; 
  } 


Please get back to us, if you need further assistance. 

Regards, 
Balaji Sekar. 


Loader.
Up arrow icon