TreeView with breadcrumbs

[Avraham]

I'm building a file explorer using TreeView component.

i want to show the content of folder, and in header the current path in breadcrumbs.

how can i do it?

Thanks!

[Yanmario]

Hi Avraham,

It will really depend on how you would like to add the BreadCrumb items from the TreeView UI interaction. For example, the developer can add items upon selection of the node inside the TreeView as demonstrated in the following example:

https://stackblitz.com/edit/angular-1h3eos?file=src%2Fapp%2Fapp.component.ts

This logic can be changed to work on expand or other events provided by the TreeView component. The example isn't fully implemented and additional logic would be required for checking when the item would need to be added or when it would need to be removed from the BreadCrumb item collection.

I hope this helps and steers you in the right direction.

Regards,
Yanmario
Progress Telerik