Angular 折叠组角度2剑道网格

我想在单击按钮时折叠分组的行。我尝试了以下代码

    @ViewChild(GridComponent) grid: GridComponent;
       close(); {
       for (let m = 0; m < 5; m = m + 1) {
          this.grid.groupCollapse(m.toString());
       }
    }

但是我得到了一个编译错误，说声明是预期的。我还导入了GridComponent。有人能帮忙吗

我也试过这种方法

    public collapseRows(grid: GridComponent): void {
       for (let m = 0; m < 5; m = m + 1) {
          grid.collapseGroup(m.toString());
       }
    }

我无法获取网格的值。它没有定义。如何将网格传递给此方法

---

感谢

可以通过以下任一方式获得对网格的引用：

<button class="k-button" (click)="collapseGroups()">Collapse All</button>
<br /><br />
<kendo-grid #grid...

@ViewChild('grid') private grid;
...     
public collapseGroups() {
// loop through the groups of the groped data and call closeGroup() for each group
this.gridView.data.forEach((gr, idx) => this.grid.collapseGroup(idx.toString()));
}

。。。或者直接将模板引用变量传递给自定义方法：

<button class="k-button" (click)="collapseGroups(grid)">Collapse All</button>
<br /><br />
<kendo-grid #grid
...        >