Jak wyczyścić drzewo w ExtJs?

Question

Udało mi się utworzyć Ext.tree.TreePanel, który dynamicznie ładuje węzły podrzędne, ale mam trudności z wyczyszczeniem drzewa i załadowaniem go nowymi danymi. Czy ktoś może mi pomóc z tym kodem?

Answer 1

W końcu znalazłem odpowiedź na ich forach. Dla wszystkich zainteresowanych jest tutaj:

if (tree) 
{ 
    var delNode; 
    while (delNode = tree.root.childNodes[0]) 
     tree.root.removeChild(delNode); 
} 

Answer 2

if (tree) { var delNode; while (delNode = tree.root.childNodes[0]) tree.root.removeChild(delNode); } 

nie wiem Ext, ale zgaduję, że mają DOM abstrakcji, które mogłyby sprawić, że łatwiej. Równoważny w Prototype byłoby coś jak:

tree.root.immediateDescendants().invoke('remove'); // or 
tree.root.select('> *').invoke('remove'); 

ile tree.root odnosi się do obiektu kolekcji zamiast tego głównego węzła drzewa DOM, ale pożycza DOM nazwy metod API? To wydaje się mało prawdopodobne, szczególnie w przypadku nowoczesnej biblioteki JS.

Answer 3

W moim przypadku moje drzewo ext ma ukryty węzeł główny typu AsyncTreeNode. Jeśli chcę wyczyścić drzewo i ponownie pobrać z serwera, jest to bardzo proste:

tree.getRootNode().reload(); 

Answer 4

Ze wspaniałego bloga Saki i guru ExtJS.

while (node.firstChild) { 
    node.removeChild(node.firstChild); 
} 

http://blog.extjs.eu/know-how/how-to-remove-all-children-of-a-tree-node/

Answer 5

uruchomiony do podobnego problemu, rozwiązanie, które pojawiły się z było dodawanie do węzła nie mający umieszczone kiedy zapadnięciu zmuszając przeładowania, gdy ponownie rozszerzone .

listeners: { 
    collapsenode: function(node){ 
    node.loaded = false; 
}, 

Answer 6

W Ext JS 4:

jeśli chcesz odświeżyć dane w panelu drzewa, trzeba przeładować sklep drzewa:

getCmp('treeId').getStore().load(); 

gdzie treeId jest identyfikator drzewo. Jeśli masz identyfikator sklepu, możesz bezpośrednio użyć load() na id sklepu.

usunąć wszystkie węzły potomne:

getCmp('treeId').getRootNode().removeAll(); 

Jednak usunięcie węzłów potomnych nie jest konieczne do przeładunku węzły drzewa z jego sklepu.

Answer 7

można po prostu użyć node.removeAll(), aby usunąć wszystkie węzły podrzędne z tego węzła.

http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.NodeInterface-method-removeAll