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)

[PaulStat]

I think there must be fix , so that is would be possible to predefine "collapsed" value on time of providing Tree data, like it was in previous version. If it is not predefined. it should take default value.