DropDownTree lazy loading

1 Answer 326 Views

Wrappers for React

1 Answer, 1 is accepted

Accepted

Andrei

commented on 07 Oct 2021, 12:40 PM

the example doesn't work it crashes when selecting an element

Stefan

commented on 07 Oct 2021, 01:11 PM

Apologies, it appears the last chanes were not saved:

https://stackblitz.com/edit/react-gr9hn2-mwtird?file=app/main.jsx

Andrei

commented on 07 Oct 2021, 01:47 PM

is it possible to remove the ability to select parent nodes, like if object has prop hasChildren: true then don't close dropdown and dont select?

Andrei

commented on 07 Oct 2021, 07:53 PM | edited

also for some reason in your example after selecting one element, next selected item is not higlighted

Stefan

commented on 08 Oct 2021, 09:55 AM

Both can be achieved using the controlled mode of the component where we can control the value and decide when to update it.

I updated example to showcase it:

https://stackblitz.com/edit/react-gr9hn2?file=app%2Fmain.jsx

Andrei

commented on 08 Oct 2021, 10:13 AM

example wasn't updated

Stefan

commented on 08 Oct 2021, 10:25 AM

Please check this one https://stackblitz.com/edit/react-gr9hn2-cwsgus?file=app%2Fmain.jsx

There are some issues with StackBlitz these days I will double check.

Andrei

commented on 12 Oct 2021, 10:45 AM | edited

the thing is that still when you click on parent node dropdown is being closed is it possible to make that when you click on parent node nothing happens(dropdown doesn't close and item isn't choosed)?

Stefan

commented on 12 Oct 2021, 11:36 AM

This is expected as the list is closed on click and not only when the value is changed.

The developer can control when the component is open/close with the opened property:

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/DropDownTreeProps/#toc-opened

This will require using a custom logic on when the open it and when to close it.

For example, we can use the onOpen and onClose events. Then during the onClose events a custom logic has to be used to locate these cases where we will not close it:

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/DropDownTreeProps/#toc-onopen

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/DropDownTreeProps/#toc-onclose

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Resources

Productivity and Design Tools

DropDownTree lazy loading

1 Answer, 1 is accepted