csv-export-sample-1.component.ts

/* eslint-disable @typescript-eslint/naming-convention */
import { Component, ViewChild, inject } from '@angular/core';

import { IgxGridComponent } from 'igniteui-angular/grids/grid';
import { IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxCsvExporterService } from 'igniteui-angular/grids/core';
import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-scroll.directive';

@Component({
    selector: 'app-csv-export-sample-1',
    styleUrls: ['./csv-export-sample-1.component.scss'],
    templateUrl: './csv-export-sample-1.component.html',
    imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent]
})
export class CsvExportSample1Component {
  private csvExportService = inject(IgxCsvExporterService);


  @ViewChild('igxGrid1', { static: true }) public igxGrid1: IgxGridComponent;
  public localData = [
    { Name: 'Eric Ridley', Age: '26' },
    { Name: 'Alanis Brook', Age: '22' },
    { Name: 'Jonathan Morris', Age: '23' }
  ];

    /*
    The following code demonstrates how to attach event handlers to exporter specific events
    and also how to customize the column export process.
    this.csvExportService.columnExporting.subscribe((args: IColumnExportingEventArgs) => {
      if (args.header == 'Age' && args.columnIndex == 1) {
        args.cancel = true;
      }
    });
    this.csvExportService.rowExporting.subscribe((args: IRowExportingEventArgs) => {
    });
    this.csvExportService.exportEnded.subscribe((args: ICsvExportEndedEventArgs) => {
    });
    */

}