Comment recharger Ext.tree.TreePanel à la demande?

Question

Je souhaite créer un composant Ext.tree.TreePanel et charger périodiquement du contenu à partir de l'URl externe. J'ai donc écrit quelque chose comme

new Ext.tree.TreePanel({ 
     root: { 
      nodeType: 'async', 
      text: 'asdasd', 
      draggable: false, 
      id: 'folders-tree-root' 
     }, 
     loader: new Ext.tree.TreeLoader() 
}); 

Et maintenant, je veux recharger cet arbre, donc j'écris:

tree.loader.dataUrl = 'folders-sample.json'; 
tree.root.reload(); 

Et rien ne se passe.

ajouter: La seule façon que j'ai trouvé est réglé une valeur non valide pour dataUrl sur TreeLoader création param:

new Ext.tree.TreePanel({ 
     root: { 
      nodeType: 'async', 
      text: 'asdasd', 
      draggable: false, 
      id: 'folders-tree-root' 
     }, 
     loader: new Ext.tree.TreeLoader(dataUrl: 'something') 
}); 

Answer 1

Qu'est-ce que vous cherchez est la méthode load pour la TreeLoader. Donc, quelque chose comme ça devrait fonctionner vu votre exemple.

tree.getLoader().load(tree.root); 

Voici mon exemple complet qui est disponible sur mon site demo ainsi. C'est un peu artificiel et piraté depuis l'une des démos d'ExtJS, mais il devrait vous procurer ce dont vous avez besoin.

Ext.onReady(function() { 
    var root = new Ext.tree.AsyncTreeNode({ 
     text: 'Ext JS', 
     id: 'src' 
    }); 
    var reloadTree = function() { 
     tree.enable(); 
     tree.getLoader().dataUrl = 'get-nodes2.php'; 
     tree.getLoader().load(tree.root); 
    }; 

    var tree = new Ext.tree.TreePanel({ 
     animate: true, 
     autoScroll: true, 
     nodeType: 'async', 
     loader: new Ext.tree.TreeLoader(), 
     containerScroll: true, 
     border: false, 
     disabled: true, 
     id: 'myTree' 
    }); 

    var myPanel = new Ext.Panel({ 
     items: tree, 
     border: false, 
     tbar: [{ 
      text: 'Refresh', 
      handler: reloadTree 
     }] 
    }); 

    tree.setRootNode(root); 
    myPanel.render('tree'); 
}); 

Vive