React Grid

[Damiano]

Hi,

I'm playing with the new Kendo React components and in particular the Grid component.

I create a custom cell with a button inside " <Column field="Id" cell={Links} />" , when I click the button inside the Links component I need to propagate the event back to my main component, the one that contains the Grid.

How can I do?

Thanks

[Vasil]

Hello Damiano,

There are several possible ways to do this.

One of them is shown in this example, where the custom column is declarated inside the app class itself. This way the cell lives in the scope of the app: https://www.telerik.com/kendo-react-ui/components/grid/editing/editing/

And if yo need to import the Cell from another file. It is more suitable to create a Higher-Order Component of your cell, and to pass the event handlers that you want to handle in the app. So here is modified version of the demo, but with HOC:
https://stackblitz.com/edit/react-grid-cells?file=commandCell.js

Regards,
Vasil
Progress Telerik

[Damiano]

Thank you very much for your answer and for the example.

This is exactly what I need!!

Regards,
Damiano