Is there a React Component for DropDownTree View?

5 posts, 0 answers
  1. Mukesh
    Mukesh avatar
    5 posts
    Member since:
    Dec 2018

    Posted 19 Dec 2018 Link to this post

    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.
  2. Asen Arizanov
    Admin
    Asen Arizanov avatar
    3 posts

    Posted 20 Dec 2018 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Mukesh
    Mukesh avatar
    5 posts
    Member since:
    Dec 2018

    Posted 01 Feb 2019 Link to this post

    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.

  4. Stefan
    Admin
    Stefan avatar
    2826 posts

    Posted 04 Feb 2019 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Mukesh
    Mukesh avatar
    5 posts
    Member since:
    Dec 2018

    Posted 04 Feb 2019 in reply to Stefan Link to this post

    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

Back to Top