Is there a React Component for DropDownTree View?

[Mukesh]

I have got a task of displaying a TreeView inside a dropdown. How should I approach it. Can I put a TreeView component inside a dropdown.

[Asen Arizanov]

Hi Mukesh,

There is no DropDownTree component. To customize the DropDownList items you can use templates. You can try adding a TreeView via a template.

Asen Arizanov
Progress Telerik

[Mukesh]

Hi Asen,

I went through the templates page and was trying to add a TreeListDataSource to the DropDownList dataSource. Is this right? Could you share some example of how to add a TreeView via a template.

[Stefan]

Hello, Mukesh,

Currently, as the DropDownTree is not available as a native React component we can suggest two options:

1) Making a hybrid component by combining the KendoReact MultiSelect and placing a KendoReact TreeView inside its custom render item. As this is a very custom approach it will require additional code to handle the selection of new items and updating the selection. I made an example that demonstrates how this can be made, but it will require additional modifications if you decide to go with it:

https://stackblitz.com/edit/react-fmkzst?file=app/main.js

2) Our jQuery version has a DropDownTree component which can be used in a React application:

https://stackblitz.com/edit/react-yhju2c?file=app/main.js

As we encourage using the native components as they have better integration with React, I can suggest making a feature request for the DropDownTree native component:

https://feedback.telerik.com/kendo-react-ui

Regards,
Stefan
Progress Telerik

[Mukesh]

Thank You for the prompt reply...

Will try the modifications very soon... And yes will definitely make request/vote for DropDownTree feature which would be great to have.

Thanks Again