commandColumn undefined in commandClick when react state changed?

[Steffen Harbich]

Hi,

see the following example: Demo

The example reproduces an issue with commandColumn not defined in grid's commandClick event handler. When example is loaded, click on any delete button and alert will show the commandColumn as expected. Afterwards click the test button and try any delete button again. Now, the alert shows "undefined" for commandColumn.

Please confirm and how can I fix it?

This blocks me a lot. I want to use the command column but any state change like a fetch call with nextjs/SWR breaks the command column.

EDIT: Seems to be a general problem. "grid.addRecord()" doesn't work after state change, too: "TypeError: col.edit.create is not a function"

Regards,

Steffen

[Rajapandi Ravi]

Hi Steffen, 

Greetings from syncfusion support 

We are able to reproduce the reported issue at our end. currently we are validating this at our source side, so we will update the further details by tomorrow Oct 13^th 2020. 

Until then we appreciate your patience. 

Regards, 

Rajapandi R 

[Rajapandi Ravi]

Hi Steffen, 

Thanks for your patience 

The reported issue occur in the older version Syncfusion package (v 18.2.59) and it has been fixed and released in the latest release Version ( v 18.3.35). So we suggest to please upgrade the latest Grid version to resolve the issue. For your reference we prepared a stackblitz sample of Grid with 18.3.35 package version. Please refer the below sample for more information.  

Sample: https://stackblitz.com/edit/repro-syncfusion-react-grid-command-column-bug-zy2jyi?file=index.js 

Regards, 

Rajapandi R   

[Steffen Harbich]

Thanks, that worked.

[Rajapandi Ravi]

Hi Steffen, 

We are happy to hear that your issue resolved.  

Please get back to us if you need further assistance. 

Regards, 

Rajapandi R