ASP.NET

Re: fire C# method (server-side) from javascript function (client-side)

16-Apr-09 3:46

You can not directly fire a server side code from client side code by adding ANY event handler by adding it to attribute collection.

From client side code, only doPostBack function can fire a server side event handler.
So you need to call that _doPostback() function and sent the cooecr parameter so that doPostBack() function can fire a server side event handler.

Thanks,
Arindam D Tewary

ToddHileHoffer16-Apr-09 3:51

Re: fire C# method (server-side) from javascript function (client-side)

16-Apr-09 3:51

Yes, I know an easy hack for this.

Drag a button onto your form.

Double click the button in design view to get your method. Put your server code there.

Add the following javascript to your page mark up.

  function callServerEvent() {<br />
<br />
                var Button1 = document.getElementById"<%= Button1.ClientID %>");<br />
                Button1.click();<br />
            }

in the page_load add the following

this.Button1.Style.Add("display", "none");

use the callServerEvent() method in your javascript code.

I didn't get any requirements for the signature

Arindam Tewary16-Apr-09 4:10

Re: fire C# method (server-side) from javascript function (client-side) [modified]

16-Apr-09 4:10

Hi ToddHileHoffer

ToddHileHoffer wrote:
Double click the button in design view to get your method. Put your server code there.

Here actually you are directly adding a server side event handler. This implicitly calls _doPostback function of with proper eventTarget and _eventArgument value.

ToddHileHoffer wrote:
Button1.click();

ToddHileHoffer wrote:
use the callServerEvent() method in your javascript code.

If I add this callServerEvent() method also, from where you want to call this javascript function so that you epect to fire server side event !!! ???

Thanks,
Arindam D Tewary

ToddHileHoffer16-Apr-09 4:17

Re: fire C# method (server-side) from javascript function (client-side)

16-Apr-09 4:17

Arindam Tewary wrote:
Here actually you are directly adding a server side event handler. This implicitly calls _doPostback function of with proper eventTarget and _eventArgument value.

Yes. This is a very easy way of doing this.

Arindam Tewary wrote:
If I add this callServerEvent() method also, from where you want to call this javascript function so that you epect to fire server side event !!! ???

You can use callServerEvent() in your javascript code anywhere you want.

And as an added bonus. If you put the Button1 inside an ajax panel your server event will fire via ajax and the page will not postback!

I put together an example for you.

<br />
<br />
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head runat="server"><br />
    <title></title><br />
<br />
    <script type="text/javascript" ><br />
    function callServerEvent() {<br />
<br />
var Button1 = document.getElementById("<%= Button1.ClientID %>");<br />
Button1.click();<br />
}<br />
<br />
    </script><br />
<br />
<script  type="text/C#" runat="server"><br />
    protected void Page_Load(object sender, EventArgs e)<br />
    {<br />
        if (!IsPostBack)<br />
        {<br />
            this.Button1.Style.Add("display", "none");<br />
        }<br />
    }<br />
    protected void Button1_Click(object sender, EventArgs e)<br />
    {<br />
        this.lblResult.Text = "Server code executed at " + DateTime.Now.ToLongTimeString();<br />
    }<br />
</script><br />
</head><br />
<body><br />
    <form id="form1" runat="server"><br />
    <asp:ScriptManager ID="ScriptManager1" runat="server"><br />
    </asp:ScriptManager><br />
    <div><br />
    <br /><br />
        This is an example of an easy way to call a server method from javascript.<br />
    <br /><br />
    <br /><br />
        <asp:UpdatePanel ID="UpdatePanel1" runat="server"><br />
            <ContentTemplate><br />
                <asp:Label runat="server" ID="lblResult"></asp:Label><br />
                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /><br />
            </ContentTemplate><br />
        </asp:UpdatePanel><br />
    </div><br />
    </form><br />
    <p><br />
        &nbsp;</p><br />
    <p><br />
        <input id="Button2" type="button" value="Call Server Code From Javascript" onclick="callServerEvent();" /></p><br />
</body><br />
</html><br />
<br />

I didn't get any requirements for the signature

modified on Thursday, April 16, 2009 10:25 AM

Arindam Tewary16-Apr-09 4:26

Re: fire C# method (server-side) from javascript function (client-side)

16-Apr-09 4:26

Hi

I tried your instruction but not sure whether I have exactly been able to achieved that ,

here is my code ,

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    
    </div>
    <script language="javascript">
    function callServerEvent() 
    {
        var Button1 = document.getElementById("<%= Button1.ClientID %>");
        Button1.click();
    }
    </script>
    </form>
</body>
</html>

See here, I didnt call this javascript function "callServerEvent()" from anywhere.
So I guess, thats not gets called at all.

If so how we have called the server side event handler from client side code?

Please comment on this if I am missing anything !!!

Thanks,
Arindam D Tewary

ToddHileHoffer16-Apr-09 4:28

Re: fire C# method (server-side) from javascript function (client-side)

16-Apr-09 4:28

I edited the post above this with an example. Does that make sense?

I didn't get any requirements for the signature

Arindam Tewary16-Apr-09 4:44

Re: fire C# method (server-side) from javascript function (client-side)

16-Apr-09 4:44

This is really very strange that you are actually calling "Button1_Click" which is a server side event handler of "Button1" with so much hassle. You are calling Button1's event handler by Clikcing (firing client side event handler of Button2) "Button2". This is really not proper at all.

The whole thing which you have shown is equivalent to just clicking a server side asp.net button(yes as simple as that )
and a server side asp.net button actually calls the same _doPostback internally ( you never need to know that, actually when you use asp.net server side button !!! )

I am really not getting you theory at all !!! Roll eyes | :rolleyes:

Please correct me if I am wrong .... Cool | :cool:

Thanks,
Arindam D Tewary

ToddHileHoffer16-Apr-09 5:03

Web Site project and dll file

16-Apr-09 5:03

You are correct in that you would never do what I just did, it would be pointless. The point was to show how to call server code from javascript. The idea here is that you can call the server code without a control.

Now he can do it. The code below would execut the server code in the Button1_Click event.
gridview.Cells[index].Attributes.Add("ondblclick". "callServerEvent();");

Another example: say you are using the modal popup window in the ajax toolkit and you want to update your form when the window is closed.
You could set OnOkScript="callServerEvent();" and then you can run server side code when your window is closed.

I didn't get any requirements for the signature

Tridip Bhattacharjee16-Apr-09 2:07

Tridip Bhattacharjee

16-Apr-09 2:07

when we create project just choosing option like Web Site project then dll is not created until we publish the whole site. so please tell me in which situation a user should choose Web Site project and why the dll file is not create if user choose Web Site project type.

tbhattacharjee

Re: Web Site project and dll file

N a v a n e e t h16-Apr-09 2:20

N a v a n e e t h

16-Apr-09 2:20

Check this MSDN[^] article.

Navaneeth

How to use google | Ask smart questions

Get Clientid

saravanan0516-Apr-09 2:05

saravanan05

16-Apr-09 2:05

hi to all

how can i get the client id in .net

html source:

<input type="button" id="button1" class="buttonsT" name="inputval30something^&()%#@!sabs" value="30 Something(1494)" title="Click this Button to log in as 30 Something(1494)" onclick="loginas('30something^&()%#@!sabs');">

this entirly bind in xslt..not in html

Known Is Drop.Unknown Is Ocean

Abhijit Jana16-Apr-09 2:10

16-Apr-09 2:10

saravanan05 wrote:
how can i get the client id in .net

var id= document.getElementById(button1);

cheers,
Abhijit
CodeProject MVP

saravanan0516-Apr-09 2:21

saravanan05

16-Apr-09 2:21

hi thanks for reply

hidden field:

<input name="hd1" id="hd1" type="hidden" />

jsscript:
function test()
{

// document.forms.tstformfortavern.hd1.value=document.getElementById("button1");
document.getElementById("hd1").value=document.getElementById("button1").id;
alert(document.getElementById("hd1").value);

}

i try get value in hdn.value in codebehind.but i didnt get value

rs
sara

Known Is Drop.Unknown Is Ocean

N a v a n e e t h16-Apr-09 2:39

N a v a n e e t h

16-Apr-09 2:39

saravanan05 wrote:
i try get value in hdn.value in codebehind.but i didnt get value

What is hdn? Do you mean hd1? Your control is not marked as runat=server and how are you expecting to read it's value from code behind?

Smile | :)

Navaneeth

How to use google | Ask smart questions

Abhijit Jana16-Apr-09 2:53

16-Apr-09 2:53

Make Hidden Field as Server Side Control

<input type="hidden" runat="server" id="hdn" />

Here is the java script

script language="javascript" type="text/javascript">
var hdnid="<%= hdn.ClientID%>"
function test()
{
var v= document.getElementById('btn1');
document.getElementById(hdnid).Value =v.value;
alert( document.getElementById(hdnid).Value);
}
</script>

Now you can use hdn.value in codebehind also.

cheers,
Abhijit
CodeProject MVP

Hyperlink not working in Mozilla

saravanan0516-Apr-09 3:02

saravanan05

16-Apr-09 3:02

thanks for reply Abhijit

For example:

i get client id button1 in codebehind

I need to set button back color using this button1 id..

Is this possible?

Known Is Drop.Unknown Is Ocean

PleaseHelpCP16-Apr-09 1:09

PleaseHelpCP

16-Apr-09 1:09

I am checking my site in both IE & Mozilla Firefox.
There is a simple hyperlink which is working in IE but not in mozilla

I have used ajax to call the page where hyperlink is given.

Re: Hyperlink not working in Mozilla

Arindam Tewary16-Apr-09 3:49

Re: Hyperlink not working in Mozilla

16-Apr-09 3:49

In firefox there is "Error Console" which is great help for debugging any client side problem that occurs in using Mozila. You can try out that and please let us know that what exactly the problem is !!! It will easier for all to help you ... Smile | :)

Thanks,
Arindam D Tewary

PleaseHelpCP16-Apr-09 5:13

PleaseHelpCP

16-Apr-09 5:13

thnx for your reply.

I checked that also, but there is no error.

AJAX ValidatorCalloutExtender

Armandt__16-Apr-09 1:01

Armandt__

16-Apr-09 1:01

Hi
if anyone could please give me pointers on how to do this if it's possible

I have a textbox and a button next to each other , now the user needs to click on the button to fill the textbox with a certain value. Now on the validation side , if the textbox has no value the requiredfield validator will give it's message calling the ValidatorCalloutExtender giving that ajax popup.

Now till there it's easy enough, but the thing is I need to display the ValidatorCalloutExtender pointing at the button and not the textbox.

Please help on this...

still not work by adding onclick="funtion"

Gaurav Mahajan16-Apr-09 0:51

Gaurav Mahajan

16-Apr-09 0:51

Thanks for reply

I have written onclick="function" but still of no use. You can view output the same at: http://www.artinarts.in/ecomm/admin/product.aspx[^]

I used :

asp:Button ID="Button2" runat="server" Text="Save" OnClick="Button2_Click"

for all buttons but cant help. You can dowlnoad to view my code from:

http://www.artinarts.in/ecomm/artinarts_ecomm.zip

Re: still not work by adding onclick="funtion"

Abhijit Jana16-Apr-09 0:54

Income/expenditure report

16-Apr-09 0:54

Please continue with the same thread, rather than starting a new one, I will really confused to all.
Thanks !!

cheers,
Abhijit
CodeProject MVP

billcodes15-Apr-09 23:44

billcodes

15-Apr-09 23:44

I have to prepare income-expenditure report.Both income and expenditure from logically different tables.I have to show like this:
income expenditure
------ ------------
--------- -------

Can it be shown in gridview?OR do i have to use other control please explain in detail

Re: Income/expenditure report

Abhijit Jana16-Apr-09 0:00