Question

Maybe I’ve picked a totally inappropriate/bad example.
What I have is a user control that contains a bunch of dynamically created Telerik RadGrids.
My user control is added to a couple of Telerik RadPageViews that are part of a RadMultiPage that is used alongside a RadTabStrip.
What I need to do is call a Javascript function in my usercontrol to update it’s display whenever it’s parent RadPageView is selected.
So basically I have the following Javascript code:

function OnClientTabSelected(sender, args)
{
    // Get the MyControl that is on this tab
    var myControl = $find("whatever");

    // Call a method that updates the display
    myControl.doSomething();
}

Thanks,

David

Answer 1

You can add a wrapper div in your User Control and then extend that div using jQuery to add your desired methods and properties. The trick is to set the div’s id='<%=this.ID%>’ – that way the div has the same ID as the User Control (which is fine because the User Control doesn’t actually render anything – only its contents).

Then back on your containing page, you can just reference your UserControl’s ID using $get(‘whatever’) – and you’ll actually select your extended div.. which will have all your methods and properties on it.

The nice thing about this approach is that all of your methods and properties and neatly scoped and nothing is in the global namespace.

I have a full demo solution and details here if you want more info:
http://programmerramblings.blogspot.com/2011/07/clientside-api-for-aspnet-user-controls.html