TreeView - checkBy bind to dataItem

[Santo]

Hi,

Is it possible to bind to the dataItem itself and get that returned to our checkedKeys variable?

 

Best Regards,

Santo.

[Georgi Krustev]

Hi Santo,

Yes, absolutely. You can define a specific `checkBy` function that will return the item itself as checked key.

https://www.telerik.com/kendo-angular-ui-develop/components/treeview/api/CheckDirective/#toc-checkby

Here is the concrete example using a custom checkBy callback:

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

If you need even more fine-grain control over the check functionality then you can always define a custom CheckDirective where the `isChecked` and `checkedChange` properties are defined accordingly. A complete custom implementation can be found in our documentation:

https://www.telerik.com/kendo-angular-ui-develop/components/treeview/checkboxes/#toc-modifying-the-checked-state

Regards,
Georgi Krustev
Progress Telerik

[Santo]

Hi Georgi,

Thank you! That was very helpful.

Best Regards.
Salman Khalid.

[Mark]

Would be nice to have the example running.

[Svet]

Hi Mark,

Here is an updated example based on StaclBlitz:

https://stackblitz.com/edit/angular-nfuvpz?file=app/app.component.ts

Regards,
Svetlin
Progress Telerik

[Braj]

when I am using [checkBy], parent checkbox not checked when I am checked in child item.

In handleChekcing(event)- It returned object which is ok as per my requirement,

but when i remove the [checkBy], parent checkbox checked when i am checked in child item but handleChecking() method returned the array of indexes, while I require objects.  Any help would be appriciated.

 

[Martin]

Hi Braj,

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