Async loading of level 4 node

[Monika]

My project is using keno angular tree list and it has 5 node levels. The requirement is to load data upto level 4 node on initial load. but when user expands level 4 node then fetch level 5 node data from server. how can we achieve this behavior in new kendo angular 7+ treelist?

[Dimiter Topalov]

Hello Monika,

The same answer was provided in a private support thread with the same topic, but I will also paste it here so other members of the community can benefit too:

The TreeList relies on hasChildren and fetchChildren callbacks provided by the developer to load each next "level" of data for the expanded node:

https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/

https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/remote-data/

This means that all, but the root nodes are loaded on demand, and only the expanded items and their direct children are rendered in the DOM, regardless of whether the actual data is available on the client or not. So with both local and remote data, the TreeList is optimized, and will render only the nodes that have to be visible.

If you have further questions, could you please choose just one of the threads to continue the communication in, to avoid any potential misunderstanding, duplicate, or misleading answers? Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik