amsik / liquor-tree

Tree component based on Vue.js
MIT License
398 stars 94 forks source link

get null when finding appended children in tree from API call #125

Open maikenmadsen1992 opened 5 years ago

maikenmadsen1992 commented 5 years ago

I have an array looking like this: [{text: books}, {text: fantasy}, {text: J.K Rolling},{text: Harry Potter}]

I then know the order is: books is the parent node with depth 0. fantasy is the second with depth of 1, etc.

For displaying the hole tree have to make an API call for every node to get the data for the hole tree.

data = [{text: books}, {text: fantasy}, {text: J.K Rolling},{text: Harry Potter}]
data.forEach((node, index) => {

this.addChildNodeWhenSearchingCategory(node).then(result => {
          var nodeOnTree = this.$refs.tree.find(node.text) <- the error happens the second time because the text: J.K Rolling dosent exist in the tree
          nodeOnTree.expand(); 
          nodeOnTree.append(result);
})
})

 async addChildNodeWhenSearchingCategory(node, nodeAfter) {

 /* In the first iteration it returns something like: [{text: crime}, {text: fantasy} etc.]  */
 /* In the second iteration it return something like: [{text: George R.R. Martin}, {text: J.K Rolling} etc.]*/
  return Promise.resolve(/* return the expected data */) 

});

Do anybody know how to get the updated tree after appending a child, I think thats my error?

amsik commented 5 years ago

Hi! Can you upload you example to https://codesandbox.io or similar?