如何以编程方式折叠分组的Kendo Grid-angle 8?

时间:2019-09-27 09:05:51

标签: angular kendo-grid grouping kendo-ui-angular2

在我已实现分组的angular 8应用程序上,我具有以下Kendo Grid。默认情况下,显示网格,所有组均展开。

如何以编程方式折叠所有组,以使初始化后的结果如下图所示?

enter image description here

下面是我的代码:

class MyClass {
public:
    int arr4[5];
    static int arr5[5];
};

int MyClass::arr5[5];

TS代码为:

<kendo-grid (dataStateChange)="dataStateChangeResources($event)"
              *ngIf="gridViewResources"
              [data]="gridViewResources"
              [group]="stateResources.group"
              [groupable]="{ showFooter: true }"
              [pageSize]="stateResources.take"
              [pageable]="true"
              [skip]="stateResources.skip"
              [sort]="stateResources.sort"
              [sortable]="{ mode: 'multiple' }"
  >

    <kendo-grid-column [width]="100" field="type" title="Type"></kendo-grid-column>
    <kendo-grid-column [width]="100" field="item" title="Item"></kendo-grid-column>
    <kendo-grid-column [width]="100" field="shift" title="Shift"></kendo-grid-column>
    <kendo-grid-column [width]="100" field="plannedCost" title="Planned Cost">
      <ng-template kendoGridGroupHeaderColumnTemplate let-aggregates="aggregates" let-group="group">
        <span title="Planned Qty">
             {{ numberWithCommas(aggregates.plannedCost.sum) }}
        </span>
      </ng-template>
      <ng-template kendoGridGroupFooterTemplate let-aggregates let-group="group">
        <span title="Planned Qty">
             {{ numberWithCommas(aggregates.plannedCost.sum) }}
        </span>
      </ng-template>
      <ng-template kendoGridFooterTemplate>
        TOTAL = {{numberWithCommas(sumResourcesPlannedQty)}}
      </ng-template>
    </kendo-grid-column>
</kendo-grid>

我没有成功搜索选项。我想知道如何以编程方式执行此操作,以使网格最初显示为折叠状态。

2 个答案:

答案 0 :(得分:0)

尝试:

let i = 0;

this.grid.collapseGroup(i.toString());

这里我是行的位置。

答案 1 :(得分:0)

我不得不逐行折叠:

public collapseAll() {
    this.gridDataResources.forEach((item, idx) => {
      this.topGrid.collapseRow(idx);
    });
}

相关问题