Calling an ASP.NET EventHandler from JavaScript

Question

I have a traditional ASP.NET Web Form. We used to have a button defined as follows:

<asp:Button ID="myButton" Runat="server" OnClick="myButton_Click" />

In the .aspx.cs page, I have the following:

protected void myButton_Click(object sender, EventArgs e)
{
  // Do Stuff
}

However, now someone has decided to use a fancy JavaScript framework. Essentially, I just have:

  <input type="button" id="myButton" onclick="someJSFunction()" />
  <script type="text/javascript">
    function someJSFunction() {
      // Need to execute "myButton_Click" here.
    }
  </script>

How do I actually execute my original method on the server from here? I know this is a very bizarre question. I've simplified the code to try to and be a direct in communicating what I'm trying to accomplish. Can someone please tell me how to do this?

Thank you so much!

Community · Accepted Answer · 2017-05-23 12:07:31Z

8

You could write in

__doPostBack('<%=myButton.ClientID%>','OnClick');

or a bit better and less error prone use the ASP.Net ClientScriptManager

<%= Page.ClientScript.GetPostBackEventReference(myButton, String.Empty) %>;

The second actually writes __doSubmit under the covers but you are getting the ASP.Net framework to do it for you. Also th efirst one will post back the page but the second triggers the correct server side events as well. It integrates a lot better into the ASP.Net architecture. Either would work though.

This recent SO question explains it all far better than I can (or rather did at the time)

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Jan 30, 2012 at 16:39

Crab Bucket

6,2679 gold badges43 silver badges73 bronze badges

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

Comments

André Alçada Padez · Accepted Answer · 2012-01-30 16:39:20Z

0

try this:

<input type="button" id="myButton" onclick="someJSFunction(); __doPostBack('myButton','OnClick');" />

answered Jan 30, 2012 at 16:39

André Alçada Padez

11.7k26 gold badges72 silver badges130 bronze badges

Comments

Terry Lewis · Accepted Answer · 2014-08-13 14:50:36Z

-1

First of all, whatever your button is doing, the actual code to do that function shouldn't be in the code behind the button; it should be in a method that is called by the code behind the button. The button's event handlers should never be used directly by any object other than the button. So your button handler should look like this:

protected void Button1_Click(object sender, EventArgs e)
{
   CallMyRealMethod();
}

Next, check out SignalR. (http://signalr.net) SignalR (in a nutshell) allows you to call C# methods from your javascript, and javascript methods from C#.

Using these two techniques can make your code much more readable and maintainable.

answered Aug 13, 2014 at 14:50

Terry Lewis

4073 silver badges8 bronze badges

3 Comments

Terry Lewis Over a year ago

Would whomever downvoted my answer please leave a comment explaining why?

Wiktor Zychla Over a year ago

Not a downvoter but first, you don't answer the actual question, second, signalr is completely unrelated. Take a look at an answer below yours.

Clayton Page Over a year ago

How does this not answer the question? It offers a different approach while introducing the op to a better design pattern and more maintainable code. SignalR might be a bit overkill where a simple rest service would do but the principle is the same. Separation of concerns and single responsibility are core design principles.

Collectives™ on Stack Overflow

Calling an ASP.NET EventHandler from JavaScript

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related