[Solved] client side find control in antoher user control

[Marcel]

Hello,

I am using the client object model. I have a page with 3 user controls. I have JavaScript in UserControl1 that needs a reference to  a TreeView control which resides in UserControl2. Can I do that?
 
Secondly, I have the option of removing the User Controls and just using the page (aspx) would that save me compilcations later?

Updated** Attempt2 works:

// attempt1: does not resolve at compile time
var tree = $find("<%= RadTreeViewCommands.ClientID %>");
// attempt2: radTreeViewCommandsClientID is a global variable we set on the server
var tree = $find(radTreeViewCommandsClientID);

[Marcel]

This works:

// radTreeViewCommandsClientID is a global variable we set on the server using the ClientID property

var tree = $find(radTreeViewCommandsClientID);


// in code behind

script.AppendLine(

"<script language='javascript'>"

);

 

 

 

 

 

// allows us to find this control in JavaScript

 

 

script.AppendLine(

 

"var radTreeViewCommandsClientID = '" + RadTreeViewCommands.ClientID + "'"

);

 

 

script.AppendLine(

 

"var radGridLocationsClientID = '" + RadGridLocations.ClientID + "'"

);

 

 

script.AppendLine(

 

"</script>"

);

 

 

 

 

 

Page.ClientScript.RegisterStartupScript(

 

this.GetType(), "RadGridPracticesClientScripts"

, script.ToString());

 

 

 

[Marcel]

Here is the formatted code:

// radTreeViewCommandsClientID is a global variable we set on the server using the ClientID property
var tree = $find(radTreeViewCommandsClientID);

// in code behind
script.AppendLine("<script language='javascript'>");

// allows us to find this control in JavaScript
script.AppendLine("var radTreeViewCommandsClientID = '"+ RadTreeViewCommands.ClientID + "'");
script.AppendLine("var radGridLocationsClientID = '" + RadGridLocations.ClientID + "'");
script.AppendLine("</script>");

Page.ClientScript.RegisterStartupScript(this.GetType(), "RadGridPracticesClientScripts", script.ToString());

[Konstantin Dikov]

Hello Macrel,

Although that the approach that you have found is working correctly, another option is the use the findControl method from the static library:

• http://docs.telerik.com/devtools/aspnet-ajax/controls/telerik-static-client-library

The $telerik.findControl(container, id) method could find a control from our suite by passing the container element, where the control is placed and its ID.

Hope this helps.


Best Regards,
Konstantin Dikov
Telerik