javascript - ExtJs でツリーをクリアするにはどうすればよいですか?

Question

子ノードを動的にロードするExt.tree.TreePanelを作成できましたが、ツリーをクリアして新しいデータをロードするのに苦労しています。誰かがこれを行うためのコードを手伝ってくれますか?

score 6 · Accepted Answer

ExtJS の第一人者である Saki のすばらしいブログから。

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

score 4 · Accepted Answer

Ext JS 4 では:

ツリーパネルのデータをリロードする場合は、ツリーストアをリロードする必要があります。

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

ここで、treeId はツリーの ID です。ストア ID がある場合は、ストア ID に対して直接 load() を使用できます。

すべての子ノードを削除するには:

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

ただし、ストアからツリーノードをリロードするために、子ノードを削除する必要はありません。

score 3 · Accepted Answer

私の場合、Ext ツリーには AsyncTreeNode タイプの非表示のルートノードがあります。ツリーをクリアしてサーバーから再作成する場合は、非常に簡単です。

tree.getRootNode().reload();

score 1 · Accepted Answer

私はついに彼らのフォーラムで答えを見つけました。興味のある方はこちら：

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

score 1 · Accepted Answer

を使用するだけnode.removeAll()で、このノードからすべての子ノードを削除できます。

score 0 · Accepted Answer

私は同様の問題に遭遇し、私が思いついた解決策は、ノードが折りたたまれたときにロードされていないことに「タグを付ける」ことでした。

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

score -1 · Accepted Answer

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

私は Ext を知りませんが、それを容易にする DOM 抽象化を持っているのではないかと推測しています。プロトタイプで同等のものは次のようになります。

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

ツリーtree.rootのルート DOM ノードではなくコレクションオブジェクトを参照している場合を除き、DOM API メソッド名を借用していませんか? これは、特に最新の JS ライブラリの場合、非常にありそうにないようです。

7 に答える 7