I have this outputting inside a set of tabs. This means when I go to another tab the c

yes, add a if <div class="highlight highlight-source-js notranslate position-relat

you can store all 'open' state by your node id before leave, <div class="highlight

How to persist open and closed state of nodes about he-tree HOT 3 CLOSED

andyjamesn commented on September 25, 2024

How to persist open and closed state of nodes

from he-tree.

phphe commented on September 25, 2024 1

yes, add a if

let statHandler = (stat) => {
  if (allStates.hasOwnProperty(stat.data.id)) {
    stat.open = allStates[stat.data.id]
    return stat 
  }
}

<Tree :statHandler="your_statHandler" />

from he-tree.

phphe commented on September 25, 2024

you can store all 'open' state by your node id before leave,

let allStates = {}
for (const stat of this.$refs.tree.statsFlat) {
  allStates[stat.data.id] = stat.open
}

then use prop statHandler to handle stat when tree init.

let statHandler = (stat) => {
  stat.open = allStates[stat.data.id]
  return stat
}

from he-tree.

andyjamesn commented on September 25, 2024

Thanks. Where does statHandler get called? Do I add it as a prop to the main component ?

from he-tree.