porblem with aggregates

0 Answers 103 Views
Grid
Rezan
Top achievements
Rank 1
Iron
Rezan asked on 12 Aug 2022, 11:15 PM

Hello,

I'm trying to use kendo grid with aggregates

it's work fine but, it come an error in the console when I make a grouping with aggregates

 

Here is the code

TS file

/ Kendo Data Grid Aggregates
  public aggregates: AggregateDescriptor[] = [
    { field: 'statusID', aggregate: 'count' },
    { field: 'severityID', aggregate: 'count' },
    { field: 'shortDescription', aggregate: 'count' },
  ];

  // Kendo GroupDescriptor
  public group: GroupDescriptor[] = [];

public onGroupChange(group: GroupDescriptor[]): void {
    // set aggregates to the returned GroupDescriptor
    group.map((group) => (group.aggregates = this.aggregates));

    this.group = group;
  }

HTML FILE


<kendo-grid
      [kendoGridBinding]="dataSource"
      [groupable]="true"
      [selectable]="true"
      [sortable]="true"
      [resizable]="true"
      [filterable]="filterMode"
      (selectionChange)="selectionChanged($event.selectedRows[0].dataItem)"
      (groupChange)="onGroupChange($event)"
      [group]="group"
    >
      <kendo-grid-column
        field="nonConformanceIssueID"
        [filterable]="false"
        title="ID"
      >
      </kendo-grid-column>
      <kendo-grid-column field="shortDescription" title="Short Description">
        <ng-template
          kendoGridGroupHeaderTemplate
          let-element
          let-aggregates="aggregates"
        >
          <span>
            {{ element.value }} : number of units in group:{{
              aggregates.shortDescription.count
            }}
          </span>
        </ng-template></kendo-grid-column
      >
      <kendo-grid-column field="severityID" title="Severity">
        <ng-template
          kendoGridGroupHeaderTemplate
          let-element
          let-aggregates="aggregates"
        >
          <span>
            {{ element.value }} : number of units in group:{{
              aggregates.severityID.count
            }}
          </span>
        </ng-template></kendo-grid-column
      >
      <kendo-grid-column field="statusID" title="Status">
        <ng-template
          kendoGridGroupHeaderTemplate
          let-element
          let-aggregates="aggregates"
        >
          <span>
            {{ element.value }} : number of units in group:
            {{ aggregates.statusID.count }}
          </span>
        </ng-template>
      </kendo-grid-column>
    </kendo-grid>

Here is the error in the attachment

 

Rezan
Top achievements
Rank 1
Iron
commented on 24 Aug 2022, 07:33 AM

Any idea?

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Rezan
Top achievements
Rank 1
Iron
Share this question
or