New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

How-to create a javascript array of all particular RadControls on the page

## How To

Create a method which returns a javascript array containing all RadControls of a particular type (combobox, menu, treeview, etc.)

Solution

Below you will see how to to create a method which returns an array of all RadTreeView controls on the page.

The same approach could be used to return an array of all RadMenu, RadTextBox, etc. controls on the page.

function get_allRadTreeViews() 
{ 
    var allRadTreeViews = []; 
    var allRadControls = $telerik.radControls; 

    for (var i = 0; i < allRadControls.length; i++) 
    { 
        var element = allRadControls[i]; 

        if (Telerik.Web.UI.RadTreeView && element instanceof Telerik.Web.UI.RadTreeView) 
        { 
            Array.add(allRadTreeViews, element); 
        } 
    } 
    return allRadTreeViews; 
} 

This method iterates through the built-in radControls array which contains all UI for APS.NET AJAX controls on the page and checks the type of every item.

Here is one simple usage of the above method:

function pageLoad() 
{ 
    for (var i = 0; i < get_allRadTreeViews().length; i++) 
    { 
        var tree = get_allRadTreeViews()[i]; 
        tree.get_nodes().getNode(0).select(); 
    } 
} 
In this article