This will refresh your Tree.

Question

11

How to update dojo tree data dynamically

rated 0 times [ 16] [ 5] / answers: 1 / hits: 17881 / 13 Years ago, wed, march 23, 2011, 12:00:00

I would like to know how ot update the data of the dojo.dijit.tree component dynamically. At the moment I'm creating the tree using dojo.data.ItemFileReadStore and dijit.tree.ForestStoreModel. Once I create the tree, I would like to reload it periodically with new JSON data.

This is how I create the tree at the moment:

<div dojoType=dojo.data.ItemFileReadStore jsId=myStore url=getJSONResult></div>



<div dojoType=dijit.tree.ForestStoreModel jsId=myModel store=myStore query={type:'cat'} rootId=myRoot rootLabel=Data childrenAttrs=children></div>



<div dojoType=dijit.Tree model=myModel labelAttr=sname label=Data />

Thanks in advance.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kaceyr

Add To Favorites

Follow

Total Points: 510

Total Questions: 97

Total Answers: 116

Location: Solomon Islands

Member since Fri, Oct 8, 2021

3 Years ago

kaceyr questions

1 TypeScript Expected 1 arguments, but got 2

Wed, Dec 15, 21, 00:00, 2 Years ago

1 How to show input fields based on mat radio button selection in angular material

Wed, Jun 24, 20, 00:00, 4 Years ago

1 How to change variable value in index.html based on the environment in angular

Thu, Feb 6, 20, 00:00, 4 Years ago

1 react dynamic import using a variable doesn't work

Sat, Oct 12, 19, 00:00, 5 Years ago

1 puppeteer-cluster: queue instead of execute

Mon, Aug 5, 19, 00:00, 5 Years ago

View All

answered 13 Years ago alexandreah · Accepted Answer

Explicitly you can't, but that doesn't mean you can't hack things to pieces and die trying.

refreshTree : function(){

    dijit.byId(myTree).dndController.selectNone(); // As per the answer below     

    // Credit to this discussion: http://mail.dojotoolkit.org/pipermail/dojo-interest/2010-April/045180.html

    // Close the store (So that the store will do a new fetch()).

    dijit.byId(myTree).model.store.clearOnClose = true;

    dijit.byId(myTree).model.store.close();



    // Completely delete every node from the dijit.Tree     

    dijit.byId(myTree)._itemNodesMap = {};

    dijit.byId(myTree).rootNode.state = UNCHECKED;

    dijit.byId(myTree).model.root.children = null;



    // Destroy the widget

    dijit.byId(myTree).rootNode.destroyRecursive();



    // Recreate the model, (with the model again)

    dijit.byId(myTree).model.constructor(dijit.byId(myTree).model)



    // Rebuild the tree

    dijit.byId(myTree).postMixInProperties();

    dijit.byId(myTree)._load();



},

This will refresh your Tree.