fix(example): should re-render after clearing groups, fixes #407

ghiscoding · Mar 2, 2020 · 7752abd · 7752abd
1 parent 05b3a54
commit 7752abd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/src/app/examples/grid-draggrouping.component.ts b/src/app/examples/grid-draggrouping.component.ts
@@ -272,6 +272,7 @@ export class GridDraggableGroupingComponent implements OnInit {
     if (this.draggableGroupingPlugin && this.draggableGroupingPlugin.setDroppedGroups) {
       this.draggableGroupingPlugin.clearDroppedGroups();
     }
+    this.gridObj.invalidate(); // invalidate all rows and re-render
   }
 
   clearGroupingSelects() {
@@ -306,8 +307,7 @@ export class GridDraggableGroupingComponent implements OnInit {
     if (this.draggableGroupingPlugin && this.draggableGroupingPlugin.setDroppedGroups) {
       this.showPreHeader();
       this.draggableGroupingPlugin.setDroppedGroups('duration');
-      this.gridObj.invalidate();
-      this.gridObj.render();
+      this.gridObj.invalidate(); // invalidate all rows and re-render
     }
   }
 
@@ -326,8 +326,7 @@ export class GridDraggableGroupingComponent implements OnInit {
     if (this.draggableGroupingPlugin && this.draggableGroupingPlugin.setDroppedGroups) {
       this.showPreHeader();
       this.draggableGroupingPlugin.setDroppedGroups(['duration', 'effortDriven']);
-      this.gridObj.invalidate();
-      this.gridObj.render();
+      this.gridObj.invalidate(); // invalidate all rows and re-render
     }
   }
 
@@ -339,8 +338,7 @@ export class GridDraggableGroupingComponent implements OnInit {
 
       this.showPreHeader();
       this.draggableGroupingPlugin.setDroppedGroups(groupedFields);
-      this.gridObj.invalidate();
-      this.gridObj.render();
+      this.gridObj.invalidate(); // invalidate all rows and re-render
     }
   }
 

diff --git a/src/app/examples/grid-grouping.component.ts b/src/app/examples/grid-grouping.component.ts
@@ -14,7 +14,6 @@ import {
   SortDirectionNumber,
   Sorters,
 } from './../modules/angular-slickgrid';
-import { Subscription } from 'rxjs';
 
 @Injectable()
 @Component({