OBOUT - ASP.NET TreeView - Client-Side Functions Tutorial 4

ASP.NET TreeView - Client-Side Functions

Tutorial 4 of 4

Tutorial 1               Tutorial 2               Tutorial 3               Tutorial 4

·ob_getExpanded (node_object, onlyChildren)
    Returns a comma delimited list of all the ids of the expanded nodes.
If node_object is specified and not null, it will only search the subnode list of node_object, otherwise it will start with the first node in the tree.
If onlyChildren is specified and is true, it will only search in node_object's children list and not below it, otherwise it will go all levels deep as available.

·ob_getCollapsed (node_object, onlyChildren)
    Returns a comma delimited list of all the ids of the collapsed nodes.
If node_object is specified and not null, it will only search the subnode list of node_object, otherwise it will start with the first node in the tree.
If onlyChildren is specified and is true, it will only search in node_object's children list and not below it, otherwise it will go all levels deep as available.

·ob_tall(exp)
    Expands / collapses all nodes of the TreeView.

·ob_expandSingle(node)
    Allows only one node for each level to be expanded.

·ob_nodeEnsureVisible(node)
    Ensures that the node is in the visible area.
This function is called automatically when selecting a node.

Hello, I am Root node!

obout.com Home

ASPTreeView

Small

Fast

Easy

More nodes

Different color

Any HTML

Select Icons

Memobook

Recycle :)

Right-click on each node to test. An Easy Menu will be shown with 6 options.

It is the same Easy Menu, attached to each node.

(You can see our example of TreeView with Easy Menu for details).

The code for OnClientClick of the second menuItem is as follows:

OnClientClick="try {alert(ob_getCollapsed(document.getElementById(tree_selected_id)),false);} catch (e) {}"

That is equivalent to:
OnClientClick="// Get selected node.
var SelectedNode = document.getElementById(tree_selected_id);

// Get the list of collapsed sub-nodes of SelectedNode from all levels deep as available.
var List = ob_getCollapsed(SelectedNode,false);

// Alert the list.
alert(List);"