AfterChange Event not Firing with React Component Custom Editor

Tags: #<Tag:0x00007f8b1dd813a0>
#1

I’m trying to implement Handsontable in our React project, but I’m having trouble getting the AfterChange event to trigger after editing a cell using a CustomEditor implemented as a react component. Are there any known issues with this interaction, or tricks for implementing it?

Edit: Figured it out, I think. I misunderstood when AfterChange would be triggered thinking it would be automatic after calling finishEditing. It still feels a little hack-y? Not sure if I’m handling it correctly, but its working.

#2

Hi @ryan

Hook afterChange is fired after a close editor or when value changed using API (e.q setDataAtCell) as we wrote on our docs - https://handsontable.com/docs/7.4.2/Hooks.html#event:afterChange

Here is a simple demo - https://jsfiddle.net/u7vwjpd3/ - where every change is logging in the console.

If you still feel unsure how afterChange works maybe you can show your implementation. It could be easier to work on it.

#3