when i select row and click on toolbar custom export button then i want to call actionBegin event

Question

My requirement is when i select specific row and clicked on ExportData cutomize button present in toolbxx then i want to call actionBegin event.

when i select specific row and click on toolbar custom export button then i want to call actionBegin event

 this.editSettings = { showDeleteConfirmDialog: true, allowEditing: true, allowAdding: true, allowDeleting: true };
    this.toolbar = ['Edit', 'Delete', 'Search', 'Add', 'Update', 'Cancel', 

      {
        text: 'Clear', tooltipText: 'Clear Search',
        prefixIcon: 'e-cancel', id: 'clear', align: 'Right'
      },
       {
         text: 'ExportData', tooltipText: 'ExportData',
          id: 'export', align: 'Right'
       },
    ];

actionBegin(args) {
    // ExportService service;
    if (args.requestType == "delete") {
      this.onDeleteConfirm(args);
    }
    if (args.requestType == "save") {
      this.onSaveConfirm(args);

    }
//here i want to call this event when click on ExportData button 

    if (args.requestType == "export") {
      this.exportRuleset(args)
    }
    
  }
\
if not possible then provide some alternative solutions

Sujith Kumar Rajkumar · Answer

Hi Sunil, 
 
Greetings from Syncfusion support. 
 
We are not able to clearly understand your requirement from the provided information. So please share us the following details to understand it better, 
 

The actionBegin event will be triggered when performing Grid actions like, Page, Filter, Sort, etc., and not on clicking custom toolbar buttons. So please let us know why you need to call the actionBegin event for this case.
 

If your requirement is to trigger an event on clicking the custom toolbar button, then we suggest you to use the Grid’s toolbarClick event.
 
API link: https://ej2.syncfusion.com/angular/documentation/api/grid/#toolbarclick 
 
If your requirement does not come under the above case, then please elaborate on it based on which we will validate from our end share the further details. 
 
Regards, 
Sujith R

sunil · Answer

when i select specific row based on rowid then if i click on toolbar customized button then i want to file in json format

Sujith Kumar Rajkumar · Answer

Hi Sunil, 
 
Based on the provided information we could understand that your requirement is to export only the selected record in Grid on toolbar button click. You can achieve this requirement by providing the selected records JSON data as custom data source to the excel export or pdf export properties as demonstrated in the below code snippet, 
 




// Grid’s toolbarClick event handler 
toolbarClick(args: ClickEventArgs): void { 
    if(args.item.text === "PDF Export") { 
        // Retrieves selected record JSON data  
        var selectedRecords = this.grid.getSelectedRecords(); 
        if (selectedRecords.length !== 0) { 
            // The selected record data is set to the export’s dataSource property and passed along with the pdfExport method 
            let exportProperties = { 
                dataSource: selectedRecords, 
            }; 
            this.grid.pdfExport(exportProperties); 
        } else { 
            // If no records are selected, then the entire data is exported 
            this.grid.pdfExport(); 
        } 
    } else if (args.item.text === "Excel Export") { 
        // The same approach can be used for excel export 
    } 
} 
 
We have prepared a sample based on this for your reference. You can find it below, 
 
Sample: https://stackblitz.com/edit/angular-bnfdne?file=app.component.ts 
 
More details on this can be checked in the below documentation links, 
 
Documentation: https://ej2.syncfusion.com/angular/documentation/grid/pdf-export/#custom-data-source 
                               https://ej2.syncfusion.com/angular/documentation/grid/excel-exporting/#custom-data-source 
 
API links: https://ej2.syncfusion.com/angular/documentation/api/grid/#toolbarclick 
 
Let us know if you have any concerns. 
 
Regards, 
Sujith R