RadTreeView for ASP.NET
Table of Contents
Expanding all tree nodes Send comments on this topic.
See Also
Example scenarios (How to) > Client -side > Expanding all tree nodes

Glossary Item Box

Goal: Expand all tree nodes on the client-side.

  1. Get the client-side instance of the treeview object:

      Copy Code
    var treeviewInstance = <%RadTreeView1.ClientID %>;
  2. Enumerate all nodes (AllNodes) and expand them by using the Expand() client side method of the RadTreeNode class:

      Copy Code
    var i;
    for (i=0; i < treeView.AllNodes.length; i++)
    {
    if (treeviewInstance.AllNodes[i].Nodes != null)
    {
          treeviewInstance.AllNodes[i].Expand();
    }
    }
  3. To collapse the nodes you can use the Collapse() method instead of Expand():
      Copy Code
    var i;
    for (i=0; i <treeviewInstance.AllNodes.length; i++)
    {
    if (treeviewInstance.AllNodes[i].Nodes != null)
    {
          treeviewInstance.AllNodes[i].Collapse();
    }
    }

Example:

ASPX Copy Code
<script language="javascript">
   var treeviewInstance = <%= RadTreeView.ClientID %>

   function treeExpandAllNodes()
   {
      var i;
      for (i=0; i < treeviewInstance.AllNodes.length; i++)
      {
        if (treeviewInstance.AllNodes[i].Nodes != null)
        {
          treeviewInstance.AllNodes[i].Expand();
        }
      }
   }
   function treeCollapseAllNodes()
   {
     var i;
      for (i=0; i <treeviewInstance.AllNodes.length; i++)
      {
        if (treeviewInstance.AllNodes[i].Nodes != null)
        {
          treeviewInstance.AllNodes[i].Collapse();
        }
      }
   }
</script>
<rad:RadTreeView
   id="RadTreeView1"
   runat="server"
   ContentFile="tree.xml">
</rad:RadTreeView>
<a href="javascript: treeExpandAllNodes();">Expand All Nodes</a>
<a href="javascript: treeCollapseAllNodes();">Collapse All Nodes</a>

 

See Also