1 Answer, 1 is accepted
Hello Abhishek,
The easiest way for providing custom editors to the KendoReact Grid is through the "cells" property. I have created an example demonstrating such implementation where the "ProductName" and "Discontinued" fields use custom editors:
Please give this a try and let us know if further questions arise.
Regards,
Konstantin Dikov
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Rank 2
Iron
Iron
Iron
Rank 2
Iron
Iron
Iron
I have modified the example to show checkbox in the view mode as well and a DropDownList for the ProductName column;
Hope this helps.
Rank 2
Iron
Iron
Iron
Hi Konstantin, thank you for the quick help. Actually in my code , i have moved all custom cells to a new file & i am trying to trigger the custom cell in the parent page & also passing some parameters. But the event in the child page is not getting triggered. Please help
<GridColumn
width="200px"field="countryName"
title="Country Assignment"
cells={{edit :{text: ((e)=> CountryCell(e,insertUpdateRow, countries))}}}
/>
HI Abhishek,
Defining inline functions should be avoided, because this will force the re-mounting of the entire Grid on each change. You need to set only the custom cell name and define it outside of the main component. For passing additional data to the custom cells you have to use React Context.
I have modified the previous example to use React Context for passing additional data and I have also moved the definition in separate file:
Hope this helps.