[CLOSED] TreePanel Clear Root Nodes, Add More from AjaxMethod

[davidhoyt]

Is it possible to clear out all nodes and add, insert, delete, modify nodes from an ajax method on a treepanel?

How about records with a gridpanel for that matter?

Is there a method call I could use or do I have to emit a bunch of javascript?

Thanks!

[geoffrey.mcgill]

Is it possible to clear out all nodes and add, insert, delete, modify nodes from an ajax method on a treepanel?

At the moment these Methods are not supported during an AjaxMethod/AjaxEvent call. This is a top priority for us and we will be adding the functionality during the v0.8 cycle.


</p>

[davidhoyt]

We have to release before v0.8 comes out. Should I just emit some javascript like tree.getRootNode().clear() or whatever it should be?

[geoffrey.mcgill]

Hi David,

Removing all the Nodes from a Parent was a bit more complicated that I had originally thought. The following script will remove all Children Nodes from a Parent Node.

Example

var root = TreePanel1.getRootNode();
while (root.childNodes.length > 0) {
   root.removeChild(root.childNodes[0]);
}

We might be able to add a helper function to the TreeNode class that will wrap up this functionality in just .removeChildren();

Hope this helps.

[dbassett74]

A .RemoveChildren would be extremely helpful. So for the time being, if I want to refresh a node (not the root) of a tree, I literally have to loop through each child and remove?

[geoffrey.mcgill]

I've added the .removeChildren() function to the TreeNode class.

Here's a simple sample demonstrating the use of .removeChildren().

Example

<ext:TreePanel ID="TreePanel1" runat="server" Width="300" Height="500">
    <Root>
        <ext:TreeNode Text="Item1" Expanded="true">
            <Nodes>
                <ext:TreeNode Text="Item2" />
                <ext:TreeNode NodeID="Node3" Text="Item3">
                    <Nodes>
                        <ext:TreeNode Text="Item3-1" />
                        <ext:TreeNode Text="Item3-2" />
                        <ext:TreeNode Text="Item3-3" />
                        <ext:TreeNode Text="Item3-4" />
                        <ext:TreeNode Text="Item3-5" />
                        <ext:TreeNode Text="Item3-6" />
                    </Nodes>
                </ext:TreeNode>
                <ext:TreeNode Text="Item4" />
                <ext:TreeNode Text="Item5" />
                <ext:TreeNode Text="Item6" />
            </Nodes>
        </ext:TreeNode>
    </Root>
    <Listeners>
        <Click Handler="node.removeChildren();" />
    </Listeners>
</ext:TreePanel>

Hope this helps.

[state]

I hate to bring up such an old thread. But is there something like this in 1.0 for code behind? I'm trying to clear all the nodes in a tree before I rebind with different data than was previously in the treepanel.

Thanks.

[Vladimir]

Hi,

TreePanel has many methods. To remmove chidren nodes for particular node please use RemoveChildren method

TreePanel1.RemoveChildren(parentNodeId)

[elbanna23]

what if i want to remove or hide the root itself ???

and leave children.

[Daniil]

what if i want to remove or hide the root itself ???

and leave children.

I guess this is a related thread, isn't?
http://forums.ext.net/showthread.php...in-a-TreePanel