question: exclude level from available selection about react-dropdown-tree-select HOT 9 CLOSED

Yeah it gets messy with an HOC.

Looking at your PR, and this discussion, I think the interface should be like this:

• Introduce a new property at the node level - say disabled?
• If a node is disabled, disable the checkbox and emit disabled classname.

This has the following benefits:

• Keeps it generic enough for single root and multi root trees.
• Allows you to have greater flexibility in disabling nodes (goes beyond levels).
• Emitting the class lets you customize the presentational aspect - one can choose to hide or show differently based on their specific business needs.

Thoughts?

from react-dropdown-tree-select.

That's an interesting use case.

On one hand, I think it'd be nice to have a node level prop that disables the node (and may be its children too? I'm thinking similar to node.checked...). On the other hand, I'd like to keep the core plugin simple and light.

Would you mind sharing some further details about how you plan to implement this (HOC and/or natively)?

from react-dropdown-tree-select.

Our needs is to disable selection for specific level. For example, it's not possible to select first and second level.
With a HOC, I think I can use onChange event to catch selection and stop propagation or revert the change (I have watch yet if you fire event before or after change)
Natively, it could be more powerful cause we can remove checkbox for those levels and not firing the onChange event at all.
I start dev on our project (with a HOC), keep me inform if you want me to include this in the lib.

from react-dropdown-tree-select.

I tried with an HOC, I can prevent tag creation and revert the click for the selected level but not for it's children :/
One solution may be to add more events to native component (onPreChange for ex)
Otherwise if you want to handle it natively, I pushed you a small PR (#50 )

from react-dropdown-tree-select.

You're welcome to take a stab at it (your PR is close enough already) or else I can get to it in few days.

from react-dropdown-tree-select.

Ok, I will work on it soon.

from react-dropdown-tree-select.

I've been using some pretty hacky CSS child selectors to achieve something similar by setting pointer-events: none on labels and display:none on checkboxes. Looking forward to an 'official' disabled class :)

from react-dropdown-tree-select.

You can check progress on #50

from react-dropdown-tree-select.

This is available with v1.4.0

from react-dropdown-tree-select.