Angular 2 Flexgrid cell change event

Angular 2 Flexgrid cell change event

Posted by: kieran.moore on 27 January 2023, 3:25 am EST

• 

  kieran.moore

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 27 January 2023, 3:25 am EST

  I would like to be able to track what the user is typing into a flexgrid cell and display it simultaneously in an input control in another component. Is this possible?

  I can’t see any cell change event or similar. There is cellEditEnding but that only allows me to track the value once the update is complete - I want to track the changes as the user types.

  I would also like to do the reverse - so type content into an input control in another component, and have those changes reflected in the active flexgrid cell. I can see the startEditing method to give focus to the cell, but how do I then update the value programmatically as the user types?

  Any pointers greatly appreciated.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 30 January 2023, 1:07 am EST

  Hi,
  
  Thank you for your patience. There is no direct method for achieving the same but it could be done by handling the input event for Flexgrid’s activeEditor using the prepareCellForEdit method.

  Please refer to the attached sample for reference.

  Regards,
  
  Manish Gupta

  Track_live_cell_changes.zip

• 

  kieran.moore

  • Post Options:
  • Link
    Copy

  Posted 6 February 2023, 6:30 am EST

  That’s great - thanks!