feat: support expand and collapse groups

worktile · Jun 28, 2020 · 2072aac · 2072aac
1 parent c57bb59
commit 2072aac
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/example/src/app/gantt/gantt.component.html b/example/src/app/gantt/gantt.component.html
@@ -19,6 +19,17 @@
       <input type="checkbox" [(ngModel)]="options.linkable" />
     </span>
   </div>
+
+  <div class="header-section">
+    <span class="header-section-content">
+      <button (click)="gantt.expandAll()">全部展开</button>
+    </span>
+  </div>
+  <div class="header-section">
+    <span class="header-section-content">
+      <button (click)="gantt.collapseAll()">全部收起</button>
+    </span>
+  </div>
 </div>
 <div class="gantt-demo-content">
   <ngx-gantt

diff --git a/packages/gantt/src/gantt.component.ts b/packages/gantt/src/gantt.component.ts
@@ -166,4 +166,22 @@ export class NgxGanttComponent extends GanttUpper implements GanttRef, OnInit, A
     ngOnDestroy() {
         super.onDestroy();
     }
+
+    private expandGroups(expanded: boolean) {
+        this.groups.forEach((group) => {
+            group.setExpand(expanded);
+        });
+        this.expandChange.next();
+        this.cdr.detectChanges();
+    }
+
+    // public functions
+
+    expandAll() {
+        this.expandGroups(true);
+    }
+
+    collapseAll() {
+        this.expandGroups(false);
+    }
 }