Merge pull request #2469 from IgniteUI/ibarakov/fix-excel-export-sample

rework excel export sample

Author: DiyanDimitrov

src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts

@@ -31,9 +31,9 @@ export class CsvExportSample1Component {
         args.cancel = true;
       }
     });
-    this.csvExportService.onRowExport.subscribe((args: IRowExportingEventArgs) => {
+    this.csvExportService.rowExporting.subscribe((args: IRowExportingEventArgs) => {
     });
-    this.csvExportService.onExportEnded.subscribe((args: ICsvExportEndedEventArgs) => {
+    this.csvExportService.exportEnded.subscribe((args: ICsvExportEndedEventArgs) => {
     });
     */
     this.csvExportService.export(this.igxGrid1, new IgxCsvExporterOptions("ExportFileFromGrid", CsvFileTypes.CSV));

src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts

@@ -35,9 +35,9 @@ export class TreeGridCsvExportSample1Component implements OnInit {
         args.cancel = true;
       }
     });
-    this.csvExportService.onRowExport.subscribe((args: IRowExportingEventArgs) => {
+    this.csvExportService.rowExporting.subscribe((args: IRowExportingEventArgs) => {
     });
-    this.csvExportService.onExportEnded.subscribe((args: ICsvExportEndedEventArgs) => {
+    this.csvExportService.exportEnded.subscribe((args: ICsvExportEndedEventArgs) => {
     });
     */
     this.csvExportService.export(this.igxTreeGrid1,

src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.html

@@ -1,6 +1,6 @@
 <p class="grid__wrapper">
-  <igx-grid #igxGrid1 [data]="data" [allowFiltering]="true" [cellSelection]="'single'" [width]="'1200px'"
-    [hideGroupedColumns]="true" [height]="'700px'">
+  <igx-grid #igxGrid1 [data]="data" [groupingExpressions]='groupExpressions' [allowFiltering]="true" [cellSelection]="'single'"
+    [hideGroupedColumns]="true" [width]="'100%'" [height]="'700px'">
     <igx-column *ngFor="let c of columns" [sortable]="true" [field]="c.field" [header]="c.field" [width]="c.width"
         [hidden]='c.hidden' [groupable]='c.groupable' [movable]='true' [editable]="true" [dataType]='c.dataType'>
     </igx-column>

src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts

@@ -1,7 +1,11 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { IgxExcelExporterOptions,
-         IgxExcelExporterService,
-         IgxGridComponent } from "igniteui-angular";
+import {
+    IgxExcelExporterOptions,
+    IgxExcelExporterService,
+    IgxGridComponent,
+    ISortingExpression,
+    SortingDirection
+} from "igniteui-angular";
 import { INVOICE_DATA } from "../data/invoiceData";
 
 @Component({
@@ -13,6 +17,7 @@ export class ExcelExportSample1Component implements OnInit {
   @ViewChild("igxGrid1", { static: true }) public igxGrid1: IgxGridComponent;
 
   public data = [];
+  public groupExpressions : ISortingExpression[];
   public columns = [
     { dataType: 'string', field: 'ShipCountry', width: 150, groupable: true },
     { dataType: 'string', field: 'ShipCity', width: 150, groupable: true },
@@ -27,6 +32,10 @@ export class ExcelExportSample1Component implements OnInit {
 
   public ngOnInit(): void {
     this.data = INVOICE_DATA;
+    this.groupExpressions  = [
+        { dir: SortingDirection.Asc, fieldName: "ShipCountry" },
+        { dir: SortingDirection.Asc, fieldName: "ShipCity" }
+    ];
   }
 
   public exportButtonHandler() {
@@ -38,9 +47,9 @@ export class ExcelExportSample1Component implements OnInit {
         args.cancel = true;
       }
     });
-    this.excelExportService.onRowExport.subscribe((args: IRowExportingEventArgs) => {
+    this.excelExportService.rowExporting.subscribe((args: IRowExportingEventArgs) => {
     });
-    this.excelExportService.onExportEnded.subscribe((args: IExcelExportEndedEventArgs) => {
+    this.excelExportService.exportEnded.subscribe((args: IExcelExportEndedEventArgs) => {
     });
     */
     this.excelExportService.export(this.igxGrid1, new IgxExcelExporterOptions("ExportFileFromGrid"));

src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts

@@ -34,9 +34,9 @@ export class TreeGridExcelExportSample1Component implements OnInit {
         args.cancel = true;
       }
     });
-    this.excelExportService.onRowExport.subscribe((args: IRowExportingEventArgs) => {
+    this.excelExportService.rowExporting.subscribe((args: IRowExportingEventArgs) => {
     });
-    this.excelExportService.onExportEnded.subscribe((args: IExcelExportEndedEventArgs) => {
+    this.excelExportService.exportEnded.subscribe((args: IExcelExportEndedEventArgs) => {
     });
     */
     this.excelExportService.export(this.igxTreeGrid1,