Grid before cancel event for batch edit mode

[Neo]

Hi All,

Is there any before event for grid cancel edit in batch edit mode. I tried to find, but didn't find a solution. My requirement is show the row count on a label when deleting row items and resetting the row count when click on the cancel button. (In the Toolbar)

Thank you.

[Hariharan J V]

Hi Neo, 

Thanks for contacting Syncfusion support. 

We have analyzed your requirement and we suggest you to use the below way to achieve your requirement. In the below sample, we have bind the  batchCancel and batchDelete event to get the deleted records details. 

Please refer the below code example and sample for more information. 

<ejs-grid #batchgrid id='Batchgrid' [dataSource]='data' (beforeBatchSave)='beforeBatchSave($event)' (batchDelete)='beforeBatchDelete($event)' (batchCancel)='batchCancel($event)' allowPaging='true' [pageSettings]='pageSettings' [editSettings]='editSettings' [toolbar]='toolbar'> 

            <e-columns> 

                . . . . . . . . . 

            </e-columns> 

        </ejs-grid> 

  

beforeBatchDelete(args){ 

    // you can get the total deleted record count here  

    console.log(this.grid.editModule.editModule.getBatchChanges().deletedRecords.length) 

  } 

 

  batchCancel(args){ 

      // reset the value here 

      console.log('cancel') 

  } 

Sample : https://stackblitz.com/edit/angular-wwrzrt-pskpr7?file=app.component.ts 

Regards, 

Hariharan 

[Neo]

Hi,

My requirement has been achieved. Thank you for the support.

[Hariharan J V]

Hi Neo,

Thanks for your update.

We are happy to hear that your requirement has been achieved.

Regards,
Hariharan