feat(pivot): add aditional logic to extract the correct selected row ids

Author: mddragnev

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts

@@ -236,6 +236,11 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
     public pivotKeys: IPivotKeys = { aggregations: 'aggregations', records: 'records', children: 'children', level: 'level' };
     public isPivot = true;
 
+    /**
+     * @hidden @internal
+     */
+    public selectedPivotKeys = new Map<string, any[]>();
+
     /**
      * @hidden @internal
      */
@@ -371,6 +376,16 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
     public set batchEditing(_val: boolean) {
     }
 
+    public get selectedRows(): any[] {
+        const selectedRowKeys = this.selectionService.getSelectedRows();
+        const selectedRowIds = [];
+        this.selectedPivotKeys.forEach((value, key) => {
+            if (selectedRowKeys.find(x => key.includes(x)) && !selectedRowIds.find(x => x === value)) {
+                selectedRowIds.push(value);
+            }
+        });
+        return selectedRowIds;
+    }
     /**
      * @hidden
      */
@@ -799,10 +814,10 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
             fieldsMap = this.generateFromData(filteredFields);
         } else {
             fieldsMap = PivotUtil.getFieldsHierarchy(
-            data,
-            this.columnDimensions,
-            PivotDimensionType.Column,
-            {aggregations: 'aggregations', records: 'records', children: 'children', level: 'level'}
+                data,
+                this.columnDimensions,
+                PivotDimensionType.Column,
+                { aggregations: 'aggregations', records: 'records', children: 'children', level: 'level' }
             );
         }
         columns = this.generateColumnHierarchy(fieldsMap, data);

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.ts

@@ -62,8 +62,15 @@ export class IgxPivotRowComponent extends IgxRowDirective<IgxPivotGridComponent>
     public get selected(): boolean {
         let isSelected = false;
         this.rowDimensionData.forEach(x => {
-            if (this.selectionService.isPivotRowSelected(this.getRowDimensionKey(x.column))) {
+            const key = this.getRowDimensionKey(x.column);
+            if (this.selectionService.isPivotRowSelected(key)) {
                 isSelected = true;
+                if (!this.grid.selectedPivotKeys.get(key)) {
+                    this.grid.selectedPivotKeys.set(key, this.rowData);
+                }
+            }
+            else {
+                this.grid.selectedPivotKeys.delete(key);
             }
         });
         return isSelected;

src/app/pivot-grid/pivot-grid.sample.html

@@ -1,5 +1,4 @@
 <div class="sample-column">
-    <button igxButton (click)="test()">TEST</button>
     <igx-pivot-grid #grid1 [data]="origData" [width]="'100%'" [height]="'100%'" [pivotConfiguration]="pivotConfigHierarchy"
     [rowSelection]="'single'"
     [columnSelection]="'single'"

src/app/pivot-grid/pivot-grid.sample.ts

@@ -105,8 +105,4 @@ export class PivotGridSampleComponent {
             ProductCategory: 'Components', UnitPrice: 16.05, SellerName: 'Walter Pang',
             Country: 'Bulgaria', City: 'Sofia', Date: '02/19/2013', UnitsSold: 492
         }];
-
-        public test() {
-           console.log(this.grid1.selectedColumns());
-        }
 }