This article will show you how you can call a C# function
code using javascript
by using server side button control in asp.net.
Some of my previous articles are as follows: Get
All Checked Checkbox Value Using jQuery in Asp.Net CheckBoxList, jQuery
Ajax Search and Display In MVC WebGrid in Asp.Net MVC Using C#.Net, Autocomplete
Textbox in Asp.Net With DataBase Using C# AjaxControlToolkit, How
to Bind Data to Webgrid in ASP.net MVC Using C#.Net, Bind
DropDownList Using Entity Framework in ASP.Net MVC Using C#, Simple
Login Form In Asp.Net Using C#.Net and VB.Net | How to Create Login Form in
Asp.Net Using C#.
So for this article first we will create an asp.net application and add the two button control. One asp.net button control and other html input control. After that add the asp.net button inside the div control and assign display none to it so button should not get displayed.
So for this article first we will create an asp.net application and add the two button control. One asp.net button control and other html input control. After that add the asp.net button inside the div control and assign display none to it so button should not get displayed.
Now add the below code into the page.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Call C#
Code From Javascript In Asp.Net</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script language="javascript">
function
CallServerCode() {
document.getElementById("<%=Button1.ClientID
%>").click();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Label" Font-Bold="True"
Font-Size="X-Large" style="font-size: large"></asp:Label>
</div>
<div>
<br />
<div style="display:none;">
<asp:Button ID="Button1" runat="server" Text="Button"
onclick="Button1_Click"/></div>
<input type="button" value="Call Server Side Code" onclick="javascript:CallServerCode();"
/>
</div>
</form>
</body>
</html>
|
In above code please check the javascript.
<script language="javascript">
function
CallServerCode() {
document.getElementById("<%=Button1.ClientID
%>").click();
}
</script>
|
In above code I have just invoked the button click event to call the server side code. Here is the server side code.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication2
{
public partial class WebForm1 : System.Web.UI.Page
{
protected
void Page_Load(object
sender, EventArgs e)
{
}
protected
void Button1_Click(object
sender, EventArgs e)
{
Label1.Text = "This is server side call";
}
}
}
|
In above code I have called the shown the message on label
control. Now we have done run the application to check the output.
Now click on button your break point will invoke .
Now press F5 to show the final output.
About the Author
0 comments:
Please let me know your view