get grid instance from toolbarClick

[Manolo Capdevila]

Hi,

I've 3 grids in component.

How can I get the grid instance in toolbarClick.

I need some similar at this

toolbarClick(args: ClickEventArgs): void {

const grid: GridComponent;

grid = args.item.controlParent;

switch (args.item.text) {

case 'PDF Export':

grid.pdfExport();

break;

case 'Excel Export':

gridResumen.excelExport();

break;

case 'CSV Export':

grid.csvExport();

break;

}

}

But grid variable, is not GridComponent

[Thavasianand Sankaranarayanan]

Hi Manolo, 

Thanks for contacting Syncfusion support. 

You can get the grid instances from the ‘this.grid’ parameter in the toolbarClick event of Grid. 

Refer the help documentation. 

Link: https://ej2.syncfusion.com/angular/documentation/grid/pdf-export/ 

Link: https://ej2.syncfusion.com/angular/documentation/grid/excel-exporting/ 

Regards, 

Thavasianand S. 

[Manolo Capdevila]

Hi,

With this.grid I need save the grid reference in grid vairable.

My question is if, since ClickEventArgs, I can get the grid reference for export.

I've three different grids, so if in toolbarClick function, I can get the grid instance, I don't need save each grid reference in different variables

Thanks

[Madhu Sudhanan P]

Hi Manolo,  

Thanks for contacting Syncfusion support. 

You can use the same event handler for multiple grid by passing the template variable as the argument of the event as follows. 

    <ejs-grid #grid (toolbarClick)='toolbarClick($event, grid)' [allowExcelExport]='true' [allowPdfExport]='true' > 

        ... 

    </ejs-grid> 

 

    <ejs-grid #grid5 (toolbarClick)='toolbarClick($event, grid5)' 

                [allowExcelExport]='true' [allowPdfExport]='true'> 

       ... 

    </ejs-grid> 

export class ExportingComponent implements OnInit { 

  ... 

  toolbarClick(args: ClickEventArgs, grid: GridComponent): void { 

      switch (args.item.text) { 

          case 'PDF Export': 

              grid.pdfExport(); 

              break; 

          ... 

      } 

  } 

} 

https://stackblitz.com/edit/angular-kazu6z?file=default-exporting.html 

Regards,  

Madhu Sudhanan P

[Manolo Capdevila]

Thanks!

[Thavasianand Sankaranarayanan]

Hi Manolo, 

 

We are happy that the problem has been solved. 

 

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

                          

Regards, 

Thavasianand S.