Setting initial collapsed state of nodes

[paulfedory]

Are you reporting a bug, or opening a feature request?

Question or Feature Request

What is the behavior/output you expect?

How do you set the initial collapsed/expanded state of any particular set of nodes in the Tree data? In v1, we were able to do this via the _collapsed attribute - but setting the __rd3t.collapsed attribute does not have the same effect.

What version of react-d3-tree are you using?

3.3

[sockthedev]

If anyone knows of any workarounds to this, e.g. via an imperative API call, please do let me know. 💜

[sockthedev]

Copying across the example I posted of what I am trying to achieve;

I would like to load the tree with a specific path expanded (everything else collapsed).

For example, given the following tree;

             A
           /   \
          /     \
         B       E
        / \
       /   \
      C     D

I would like to be able to set the path of A -> B -> D to be be visible/expanded when the tree initially loads;

             A
           /   
          /     
         B 
          \
           \
            D

[hikmert]

hey, @sockthedev. Is there any chance that you resolved the issue? I'd highly appreciate if you reply. Ciao

[sockthedev]

Hey @hikmert, in the end I rendered the entire tree, but then updated the style for the active path so that it was "brighter" than the rest of the nodes. I would have preferred the above, but for now this is working. I'll see how the solution scales though.

[Bishtman12]

Hey, @sockthedev. Were you able to resolve the issue? I basically had search kind of thing built on this. So, Stuck with using v1.

[danielbeeke]

Something like this patch can work: https://gist.github.com/danielbeeke/ca8e4c6a95928d11cc9b8df0f7c18628

[jjjhill]

Something like this patch can work: https://gist.github.com/danielbeeke/ca8e4c6a95928d11cc9b8df0f7c18628

@danielbeeke What exactly does this enable us to do? I'm trying to control the collapsed state of individual nodes as well.

[danielbeeke]

Exactly that, with this you can control if a node should be opened on load.

[jjjhill]

I guess my question is, how do I use it? I just see a patch to the source code of the library, but how do i use it from my application?

[danielbeeke]

This might help: https://www.npmjs.com/package/patch-package

[jjjhill]

that does help with patching the library. But how do i control these states in my app? Thanks

[jjjhill]

Figured out more or less how i can control the collapsed state from my app, using the patch from @danielbeeke I will post my solution here eventually (after my vacation)