tree view parent checkbox not coming checked when checked in child checkbox

[Braj]

I have three layer object: there is several departments, Department have multiple categories and category have multiple subCategories:

I am using [checkBy]="checkBy" in html page

Html code of tree view:

 [nodes]="refinedProducts"

                [children]="children"

                [hasChildren]="hasChildren"

                [textField]="['Department', 'Category', 'SubCategory']"

                [checkedKeys]="checkedKeys"

                (valueChange)="handleProductChecking($event)"

                [checkBy]="checkBy"

 

and methods in ts file

public checkBy(item: TreeItem) {

     return item.dataItem;     

}  

public handleProductChecking(checkedKeys: any): void {

//checkedKeys coming as object - that as per my requirement

}

 

 

if I removed the [checkBy]="checkBy"

from html than parent coming checked when i checking any child item but handleProductChecking

returns the array of indexes like [0_1_2] while I need object for my requirement, 

conclusion of my requiremnt is - parent should be checked(with hypen) when I checked in any child and handleProductChecking

return the object rather than array of indexes.

 

 

[Martin Bechev]

Hi Braj,

Thank you for the provided details.

I noticed that the same question was asked in this forum thread here.

https://www.telerik.com/forums/treeview---checkby-bind-to-dataitem#5120932

But I will paste it here as well:

 

"If an item field or a callback function has been used, the indeterminate state will not be displayed. For more details please check the following article:

https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes/#toc-multiple-check-by-item-field"

Regards,
Martin
Progress Telerik