Come ricaricare TreeStore?

Question

Ho nestedlist con treestore. Durante il primo caricamento, il negozio viene caricato perfettamente e l'elenco viene visualizzato in base al negozio. Quando faccio clic sul pulsante di aggiornamento, il mio server deve essere ricaricato con nuovi dati (con lo stesso modello di dati della prima volta) e anche l'elenco nidificato deve essere ricaricato con una nuova serie di dati.

Qui di seguito è la mia definizione treestore

rightPaneStoreData = getFolderListData(); 

rightPaneStore =new Ext.data.TreeStore({ 

    autoLoad:false, 

    model: 'FIMT.models.rightPaneModel', 

    root: rightPaneStoreData, 
    proxy: { 

    type: 'memory', 

    reader: { 

     type: 'tree', 
     root: 'items' 
     } 

    }, 
    listeners: { 
     datachanged: function(records){ 
      alert("datachanged"); 
      } 
    } 

    }); 

rightPaneStore.load(); 

In Ext.data.JsonStore ho compiuto il metodo stesso utilizzando store.loaddata(). Ma non riuscivo a trovare il metodo loaddata() per TreeStore.

Gentilmente aiutatemi.

Answer 1

Il TreePanel non ha un negozio come un JsonStore. Mostra automaticamente tutti i nodi e ricarica quando necessario.

Nel caso la vostra rootNode (rightPaneStoreData) è un AsyncTreeNode (caricato tramite AJAX), è possibile utilizzare:

rightPaneStoreData.reload()
(perché rightPaneStoreData è il vostro nodo principale).

o in alternativa (più generico):
tree.root.reload();
(dove l'albero è un riferimento per il vostro albero)

Se non si tratta di un ASyncTreeNode, dovrete farlo manualmente. Chiama di nuovo la tua funzione getFolderListData() e assegna la nuova radice all'albero. (tree.setRootNode())

Answer 2

È possibile ricaricare l'albero utilizzando un proxy di memoria. Vedere la risposta in How to update the Nested List/Tree Store in Sencha Touch?

Answer 3

Questo funziona per me. Sto usando MVC e questo codice viene chiamato nel mio controller.

treeStore.getRootNode().removeAll(); 
treeStore.load(); 

Answer 4

treeStore.getRootNode().removeAll(); 
treeStore.setRootNode({ 
    id: rootNodeId, 
    text: 'root' 
    // other configs in root 
}); 
// if you had non-standard children loads, then you would need to call: 
treeStore.getProxy().load(); 
// if you had non-standard children loads, and you had params in your load, then you would need to call: 
treeStore.getProxy().load({ 
    params: { 
    node: rootNodeId 
    } 
}); 

Answer 5

// Remove all current children if clear on load not set 
if (!treeStore.clearOnLoad) { 
    record.removeAll(); 
} 

// Call load, refreshing our view when done... 
var viewRefresher = function() { 
    view.refresh(); 
}; 

treeStore.load({ 
    node: record, 
    callback: viewRefresher 
});