Example of using selectBy (context: { dataItem: any; index: string; }) => any

[Andy]

Is there an example somewhere of using the selectBy so that the selectionChange event handler is passed a dataItem (or context.dataItem)? I have seen this capability alluded to in some articles, but I have not been able to find examples or get it to work for me. Thank you.

[Dimiter Topalov]

Hello Andy,

The selectionChange event handler contains the information about the data item and its index out-of-the-box:

https://www.telerik.com/kendo-angular-ui/components/treeview/selection/#toc-modifying-the-selection

... whereas the selectBy input of the SelectDirective requires a callback that will determine what data item key (usually ID) will be stored in the selectedKeys collection:

https://www.telerik.com/kendo-angular-ui/components/treeview/api/SelectDirective/

You can also make the callback return the whole data item, and this way the whole items will be store in the selectedKeys collection, e.g.:

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

I hope this helps, but if I am missing something, please send us some further details and context about the scenario and the goal that you are after, as well as what exactly does not work for you, so I can try providing a suggestion that is most suitable to the specific use case. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik