fix(filtering): Added filtering pipe trigger #6289

Author: igdmdimitrov

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

@@ -387,11 +387,9 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
                 }
             }
 
-            // clone the filtering expression tree in order to trigger the filtering pipe
-            const filteringExpressionTreeClone = new FilteringExpressionsTree(value.operator, value.fieldName);
-            filteringExpressionTreeClone.type = FilteringExpressionsTreeType.Regular;
-            filteringExpressionTreeClone.filteringOperands = value.filteringOperands;
-            this._filteringExpressionsTree = filteringExpressionTreeClone;
+            value.type = FilteringExpressionsTreeType.Regular;
+            this._filteringExpressionsTree = value;
+            this._filteringPipeTrigger++;
             this.filteringExpressionsTreeChange.emit(this._filteringExpressionsTree);
 
             if (this.filteringService.isFilteringExpressionsTreeEmpty(this._filteringExpressionsTree) &&
@@ -464,11 +462,9 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
      */
     set advancedFilteringExpressionsTree(value) {
         if (value && value instanceof FilteringExpressionsTree) {
-            // clone the filtering expression tree in order to trigger the filtering pipe
-            const filteringExpressionTreeClone = new FilteringExpressionsTree(value.operator, value.fieldName);
-            filteringExpressionTreeClone.type = FilteringExpressionsTreeType.Advanced;
-            filteringExpressionTreeClone.filteringOperands = value.filteringOperands;
-            this._advancedFilteringExpressionsTree = filteringExpressionTreeClone;
+            value.type = FilteringExpressionsTreeType.Advanced;
+            this._advancedFilteringExpressionsTree = value;
+            this._filteringPipeTrigger++;
         } else {
             this._advancedFilteringExpressionsTree = null;
         }
@@ -2234,6 +2230,13 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
         return this._pipeTrigger;
     }
 
+    /**
+     * @hidden
+     */
+    get filteringPipeTrigger(): number {
+        return this._filteringPipeTrigger;
+    }
+
     /**
      * @hidden
      */
@@ -2784,6 +2787,10 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
      * @hidden
      */
     protected _pipeTrigger = 0;
+    /**
+     * @hidden
+     */
+    protected _filteringPipeTrigger = 0;
     /**
      * @hidden
      */

projects/igniteui-angular/src/lib/grids/grid/grid.component.html

@@ -106,7 +106,7 @@
         <ng-template igxGridFor let-rowData [igxGridForOf]="data
         | gridTransaction:id:pipeTrigger
         | visibleColumns:hasVisibleColumns
-        | gridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger
+        | gridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger:filteringPipeTrigger
         | gridSort:sortingExpressions:id:pipeTrigger
         | gridGroupBy:groupingExpressions:groupingExpansionState:groupsExpanded:id:groupsRecords:pipeTrigger
         | gridPaging:page:perPage:id:pipeTrigger

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html

@@ -83,7 +83,7 @@
         <ng-template igxGridFor let-rowData [igxGridForOf]="data
         | gridTransaction:id:pipeTrigger
         | visibleColumns:hasVisibleColumns
-        | gridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger
+        | gridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger:filteringPipeTrigger
         | gridSort:sortingExpressions:id:pipeTrigger
         | gridHierarchicalPaging:page:perPage:id:pipeTrigger
         | gridHierarchical:hierarchicalState:id:primaryKey:childLayoutKeys:pipeTrigger" let-rowIndex="index"

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html

@@ -74,7 +74,7 @@
         | treeGridTransaction:id:pipeTrigger
         | visibleColumns:hasVisibleColumns
         | treeGridHierarchizing:primaryKey:foreignKey:childDataKey:id:pipeTrigger
-        | treeGridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger
+        | treeGridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger:filteringPipeTrigger
         | treeGridSorting:sortingExpressions:id:pipeTrigger
         | treeGridFlattening:id:expansionDepth:expansionStates:pipeTrigger
         | treeGridPaging:page:perPage:id:pipeTrigger