call js code in User control from page using jquery/javascript

Question

I have a js method in a common user control that is being used across the project. This UserControl is used in multiple places on my page. The js method is written like :

function <%= this.ClientID%>DoSomething()
{
//do something
}

Is there a way I can call this method from the parent page using jquery?

Any thoughts will be helpful.

it is not a best practice to use this kind of function names — Chamika Sandamal
– Chamika Sandamal, Commented Nov 16, 2011 at 10:00
yes, I know but I didn't write this and it is being used now. :) — smukh
– smukh, Commented Nov 17, 2011 at 7:16

Niels · Accepted Answer · 2011-11-16 09:43:48Z

1

You have to know the <%= this.ClientID%> so that should be saved somewhere.

window.clientID = "<%= this.ClientID%>";

to call the function you can try something like

window[window.clientID + "DoSomething"]()

Because the functions are saved to the document, you can access them as you do to a normal array. Normally you can call them like window.doSomething() or doSomething() which results in the same.

Working version

window.myFunction = function()
{
     alert("YEAH");  
}

window.clientID = "my";
alert(window[window.clientID + 'Function']);

Live demo: http://jsfiddle.net/EbdwK/

edited Nov 16, 2011 at 9:43

answered Nov 16, 2011 at 9:27

Niels

50.1k4 gold badges68 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ThiefMaster Over a year ago

The global object is window, not document. So it should be window[document.clientID + 'DoSomething']

Niels Over a year ago

Thanks for the response, I made a mistake.

smukh Over a year ago

I have the user controls in my page inside divs with class "test". Can I get the clientid of the user controls by iterating over all divs with class "test"?

Niels Over a year ago

You can do $(".test").each() and then get the .attr("id") if that is the clientID

Saeed Neamati · Accepted Answer · 2011-11-16 09:28:01Z

0

Of course

Your method (JavaScript method defined in UserControl) is theoretically can be called easily from anywhere, as long as you can find it on the client side, and it's already defined.

Now, in your UserControl, you can expose a public parameter to the outside world (Page for example) and in your page, you can get that parameter from user control, then build the call for the JavaScript method.

answered Nov 16, 2011 at 9:28

Saeed Neamati

35.9k42 gold badges140 silver badges192 bronze badges

Collectives™ on Stack Overflow

call js code in User control from page using jquery/javascript

2 Answers 2

4 Comments

Of course

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Of course

Comments

Your Answer

Sign up or log in

Post as a guest

Related