Hi,

We are encountering an issue with the Kendo TreeView where it is bound to an array containing all checkedKeys. The TreeView is contained inside a shared angular component, which has an input which retrieves the IDs of the selected items and adds them to the array the TreeView is bound to.

Although the data is loaded in without issues, the Tree View does not refresh itself to show the check-boxes unless it is clicked upon or a node is expanded forcing it to redraw itself.

How can we ensure the TreeView automatically updates to show the check-boxes for all selected items, or perform a refresh on demand?

ngOnChanges() {
        var checkedItems = this.dataSource.filter(orgGroup => this.selectedOrgGroupIDs.indexOf(orgGroup.id) >= 0);
        //checkedItems.forEach(item => this.selectedOrgGroups.push(item));
        this.selectedOrgGroups = this.selectedOrgGroups.slice().concat(checkedItems);
}

The above method implements the lifecycle hook to ensure any updates to the input property are properly parsed/received. Originally, we were pushing each item to the sleectedOrgGroups collection (which is what the Kendo TreeView's checkedKeys is bound to), however based off the following "https://www.telerik.com/forums/refresh-treeview-with-angular-5-and-typescript", we modified it to perform a slize and concat with the new collection of items but it fails to render itself automatically.

Note: Clicking on the TreeView control, selecting or un-selecting a node, or expanding/collapsing a node automatically causes it to refresh.

Your input on this matter would be greatly appreciated. Thanks!

Best Regards,
Santo

Hi,

I am trying to replicate the sample at https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/data-binding/.I am getting the following error highlighted on my VS2017 and during run time:

Argument of type 'null' is not assignable to parameter of type 'GridDataResult'.

the error is occurring because of this code:

Thanks

Madani

I want to export PDF with custom binding in Grid. However, it does not work.

Maybe, some functions must be overriden but i don't know what they are.

In following plunker, PDF export does not work with custome binding.

Without custom binding, it works perfetly. Or if i export only one page, it works.

https://plnkr.co/edit/uA7XLv73Kz8gilZsiuWe

Could you give any advice?

I am using arcguage from kendoui for angular. I was able to change the size of the graph by mentioning [rangeSize]="60" in kendo-arcgauge-scale.

But, by default, this stroke is filling up round shaped (ugly and wiered) , There should be a way to change that to normal (square), How to do that?

Your documentation for this KendoUIAngular is pathetic and unuseful. You need to provide on how to use all these settings in your graps/grids.

To findout how to make the bigger chart by using [rangeSize] in kendo-arcgauge-scale took almost 2 days since there was no proper documentation.

Can you let me know how to get rid of the " stroke-linecap: round;" to " stroke-linecap: square;" ?

Here is the plunkr - https://plnkr.co/edit/k7A4elikxfwsNGQYvxRH?p=preview

Here is my app.component.ts (incase if the plunkr does not have proper code).

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
      <kendo-arcgauge [value]="value" [colors]="colors" >
            <kendo-arcgauge-scale [min]="0" [max]="100" [rangeSize]="60" >
            </kendo-arcgauge-scale>
             <ng-template kendoArcGaugeCenterTemplate let-value="value">
                Percent Paid - {{ value }}%
            </ng-template>
        </kendo-arcgauge >

    `,
     styles: [`
        .k-gauge {
            display: block;
             
        }
       
    `]
})
export export class AppComponent {
 public value: number = 60;
    public colors: any[] = [{
        to: 25,
        color: '#d7d513',
        width:'30'
    }, {
        from: 25,
        to: 50,
        color: '#d7d513',
        width:'30'
    }, {
        from: 50,
        to: 75,
        color: '#d7d513',
        width:'30'
    }, {
        from: 75,
        color: '#d7d513',
        width:'30'
    }];
}

Dear Telerik Team,

when using the DropDownList state [loading]="true" with Kendo UI Bootstrap Theme the loading animation does not display correctly - it is cropped. Do you have any advise how to fix this?

Thanks and best regards

Sebastian

Dear Telerik Team,

I have an issue using the kendoMultiSelectGroupTagTemplate in Angular. I copied the example from inline documentation:

But still all items are displayed. Grouping is not applied, see attached screenshot. Can you please cross check and tell me how to implement a MultiSelect in Angular that just displays "2 items selected"?

Thanks and kind regards,

Sebastian

Hi,

I noticed that binding text field to a nested property on the data does not display the value as expected.As an example, I bind my widget to an array of Article objects, and each article has translation property of type ArticleTranslation. ArticleTranslation has title property of type string, which my widget is bound to.

Here is my plunker:

https://plnkr.co/edit/DQ3ezkJ60GqVHNQ8kmVK?p=preview

Thanks

Madani