Finding a control under a TreeViewNode

[Brian Kowald]

Hi. I'm trying to use findControl on a RadTreeNode on the client side to locate a radio button I have in the NodeTemplate, and I can't get it to locate it. I have tried just passing in the ID of the radio button in the code (RB1), and also the full client ID from the generated html. Each time, the control comes up null. 

Also, is there is a way to get the client id of the current node if I have to construct the radio buttons client id?

One more: are there any other ways to access the controls under the node? Use the DOM? Is there a collection of controls availabe?

Thanks,
Brian

        <telerik:RadTreeView ID="RadTreeView1" runat="server" Skin="Office2007"
             OnClientNodeClicked="RadTreeView1_NodeClick" ShowLineImages="True" >
            <Nodes>
                <telerik:RadTreeNode runat="server" Text="Produce">
                    <NodeTemplate>
                        <div>
                            <asp:RadioButton runat="server" ID="RB1" Text="Produce" GroupName="StandardTags" /><br />
                        </div>
                    </NodeTemplate>
                </telerik:RadTreeNode>
            </Nodes>
        </telerik:RadTreeView>

In the js:

function RadTreeView1_NodeClick(sender, eventArgs)
{
   var node = eventArgs.get_node();
   var strControl = "RadTreeView1_i0_RB1";
   var radio = node.findControl(strControl);
??? radio is null
}

[Veselin Vasilev]

Hello Brian Kowald,

Please use this code:

function RadTreeView1_NodeClick(sender, eventArgs)
{
   var node = eventArgs.get_node();
   var element = node.get_element();
   var radio = $telerik.findElement(element, "RB1");
}

All the best,
Veselin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Nicolaï]

Hello,

Was struggling with the same thing...
http://www.telerik.com/help/aspnet-ajax/tree_clientradtreenode.html
When I try to use the JS .findControl to find a control inside the node template as the documentation says, I always get "null".

function ClientNodeClicked(sender, eventArgs)
{var node = eventArgs.get_node();    
    alert(node.findControl("contTbl")); <<< "null"
}

This, as you posted, works:
   var element = node.get_element();  
   var contTbl = $telerik.findElement(element, "contTbl"); alert(contTbl);

So, should the documentation be updated?
This one too, maybe: http://www.telerik.com/help/aspnet-ajax/treeview-templates-accessing-controls-inside-templates.html ?

Best regards,
Nicolai

[Veselin Vasilev]

Hello Nicolai,

findControl finds a javascript object (e.g. RadComboBox's javascript object) while findElement finds the DOM element (e.g. <TABLE>).

Kind regards,
Veselin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.