or
0 answers
103 views
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
0 answers
86 views
Hello, I'm looking to build some sparklines from arrays of objects, the objects, contain a value, and a timestamp in ISO string format, the array is sorted most recent to oldest, but i want my sparkline to be chronological left to right, I am struggling to find documentation on how to work with time as an axis
1 answer
167 views
I am using various kendo components in my website. I recently added the uuid package to the project (> npm install uuid), and this somehow triggered a problem with my entire project. Now some of the kendo components look different.
It should look like this (kendo dropdown and kendo button):
but it instead looks like this
I primarily notice the problem in the buttons, but I also notice it within the editor itself. What should I do? I don't see any sort of errors in the console.
1 answer
1.5K+ views
hello
I want to add dropdown filters in Kendo grid column headers, so Instead of typing value, can we select the value from the dropdown in the Grid column header? please suggest a way if anyone knows how to do this.
I got the below jQuery link that is exactly similar to what I am looking
https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes
Kaloyan
Telerik team
answered
on
11 Aug 2022
1 answer
101 views
Hi, I went through all your UI products and noticed that all of your libraries are native to their respective frameworks. I was wondering when you were researching and architecting, what was the main reason behind deciding to ditch the web components and go with the “vanilla” framework style? Would not you be able to achieve AOT and Treeshaking with Web components' wrappers?
T. Tsonev
Telerik team
answered
on
11 Aug 2022
0 answers
87 views
had flawed raw data please delete
2 answers
125 views
Hello,
I'm using FilterMenuTemplateDirective and HeaderTemplateDirective of @progress/kendo-angular-grid in order to custom FilterMenu presentation and behaviour.
It works fines as described in the documentation.
But, in my case I need to use these directives in almost of my grid columns, then it produces a lot of repetitive code as in the example below (see code lines in red and run live code here)
Please, I would be delighted to know what is the best approach to avoid repeating the same code in this case ?
Thanks for your help.
Jonathan.
1 answer
2.1K+ views
Im using kendo grid angular and want to change every row of grid border when hover/focus to it
1 answer
1.0K+ views
Hi,
I'm using kendo UI for angular and want to know how I can customize stepper icons with my own svg icons without adding icon library (eg: font awesome)
following is the kendo sample I'm usingimport { Component } from "@angular/core";
@Component({
selector: "my-app",
template: `
<kendo-stepper
[steps]="steps"
stepType="full"
[(currentStep)]="current"
[linear]="false"
[style.width.px]="570"
>
</kendo-stepper>
`,
})
export class AppComponent {
public current = 1;
public steps = [
{ label: "Personal Info", icon: "user" },
{ label: "Education", icon: "dictionary-add" },
{ label: "Attachments", icon: "attachment", optional: true },
{ label: "Preview", icon: "preview" },
{ label: "Submit", icon: "file-add" },
];
}1 answer
159 views
Hi
I have a very simple drawer:
<kendo-drawer
#drawer
[items]="items"
[mini]="true"
mode="push"
[(expanded)]="expanded"
(select)="onSelect($event)"
[autoCollapse]="false"
>
</kendo-drawer>and I would like to display the item.text as a tooltip when the drawer is minimized... I tried a couple of things but cannot seem to get this working correctly
Thanks in advance
Ursus
