Delete button on Toolbar

[Ane]

Hello, 

I have implemented the Delete button of the Toolbar and when I choose with a checkbox, for example, the fifth row and I press the button it deletes the first row not the fifth one. Here is the code:

editSettings: EditSettingsModel;

toolbar: ToolbarItems[] | Object;

@ViewChild('grid')

grid: GridComponent;

constructor(private time: Time) {

this.editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true };

this.toolbar = [ 'Delete'];

}

<ejs-grid #grid [dataSource]='dataDelete' [editSettings]='editSettings' [toolbar]='toolbar' (actionComplete)="onActionComplete($event)">

<e-columns>

<e-column type='checkbox' width='70'></e-column>

<e-column ----------------------------------------></e-column>

<e-column ----------------------------------------></e-column>

</e-columns>

</ejs-grid>

Looking forward to hearing from you, 

Ane Perez de Nanclares

[Thavasianand Sankaranarayanan]

Hi Ane, 

Greetings from Syncfusion. 

Based on your detail we suspect that first record gets deleted when we select any other one in Grid. This issue may cause of isPrimaryKey column is not defined in Grid. we have already discuss about the above mention query in the following documentation. 

Link: https://ej2.syncfusion.com/angular/documentation/grid/edit/?no-cache=1#troubleshoot-editing-works-only-for-the-first-row 

Regards, 

Thavasianand S. 

[Ane]

Thank you!

[Thavasianand Sankaranarayanan]

Hi Ane, 

 

We are happy that the problem has been solved. 

 

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

                          

Regards, 

Thavasianand S.