Unable to Delete Record on using template

[Aravind Rajagopal]

I am unable to delete record from a grid when using an external delete onClick and using a template for the records.

code is given below (jsx)

[Sujith Kumar Rajkumar]

Hi Aravind, 

 

Greetings from Syncfusion support. 

 

We checked the reported problem with the shared code snippet and it is occurring because you have not injected the ‘Edit’ module for the Grid which is needed for performing CRUD actions. So please inject this module as demonstrated below to resolve the problem, 

 

import { GridComponent, Inject, Edit } from '@syncfusion/ej2-react-grids'; 

 

<GridComponent dataSource={orderDataSource}> 

    <Inject services={[Edit]} /> 

</GridComponent> 

 

The list of available Grid features and the modules that need to be injected for including them can be checked from the below links, 

 

https://ej2.syncfusion.com/react/documentation/grid/module/  

https://ej2.syncfusion.com/react/documentation/grid/getting-started/#module-injection 

 

Also we could see that you have set the mode property of the Grid’s editSettings as ‘Row’. The Grid has only the below edit modes, 

 

• Normal
• Dialog
• Batch

 

So please provide the proper edit mode for the Grid. More details on the edit modes can be checked in the below documentation link, 

 

https://ej2.syncfusion.com/react/documentation/grid/edit/#edit-modes 

 

We have also prepared a sample based on this for your reference. You can find it below, 

 

Sample: https://stackblitz.com/edit/react-yx3fth 

 

Please get back to us if you require any further assistance. 

 

Regards, 

Sujith R