is there any way to call the serverside events using javascripts?

Question

0.00/5 (No votes)

See more:

Hi, I have alrady tried with the Pagemethods.Method1
But for me, i need to call an serverside event eg)

JavaScript

function myFunction() {
           PageMethods.Method1();
       }

public static void Method1()
{
class clss1 = new class()
class1.txtBox1_TextChanged(new object(), new EventArgs());
}

protected void txtBox1_TextChanged(object sender, EventArgs e)
{
Label1.Text = "";
panel1.Visible = true;
}

Here, txtBox1_TextChanged() is getting triggred but the values of the page controls are always getting as null.

Please help me to solve this issue.

Thanks in advance.

Posted 27-Oct-14 4:37am

Dhanesh P M

Updated 27-Oct-14 4:45am

Maciej Los

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dilan Shaminda · Accepted Answer · 2014-10-27T05:35:00

Solution 1

add [System.Web.Services.WebMethod()] to your code like this

C#

[System.Web.Services.WebMethod()]
public static void Method1()
{
class clss1 = new class()
class1.txtBox1_TextChanged(new object(), new EventArgs());
}

or use jquery ajax method

JavaScript

$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "yourpage.aspx/yourmethod",
data: "{}",
dataType: "json",
success: function(data) {
//Write functionality to display data
},
error: function(result) {
alert("Error");
}
});

More info from here and here

Posted 27-Oct-14 5:35am

Dilan Shaminda

Updated 27-Oct-14 5:37am

v2

Comments

[no name] 27-Oct-14 12:34pm

I have already tried with the 1st approach you mentioned and as i said before i can able to hit the method but since we create a static method, we have to create a new object and call the particular method, but then the values of the page controls are getting as null

Dilan Shaminda 27-Oct-14 12:59pm

use the second approach.a example can be found here...
http://www.aspsnippets.com/Articles/Calling-ASPNet-WebMethod-using-jQuery-AJAX.aspx

[no name] 28-Oct-14 2:58am

tried that one also but no luck.

Dilan Shaminda 28-Oct-14 3:04am

http://www.aspsnippets.com/Articles/Calling-ASPNet-WebMethod-using-jQuery-AJAX.aspx
it has a working sample..

[no name] 28-Oct-14 3:50am

I followed the same way that articles tells and the method was getting called and the page controls are still returning as null.

Dilan Shaminda 28-Oct-14 4:46am

in your code where do you get page control values?

[no name] 28-Oct-14 5:15am

protected void txtBox1_TextChanged(object sender, EventArgs e)
{
Label1.Text = "";
panel1.Visible = true;
}

In the above method i am currently dealing with asp.net controls.
But here the values are always null.

Dilan Shaminda 28-Oct-14 5:30am

you are assign an empty string to Label1.Text? in which control you are getting null?

[no name] 28-Oct-14 5:45am

Actually that line was a dummy but if i am looking the value of Label1, i mean just mouse hover on Label1, the value tells as null. Hope u got my point?

Dilan Shaminda 28-Oct-14 6:03am

tell me clearly what do you want to achieve by triggering textchange event of textbox by javascript? and if you want to get the label value when mouse hover you can easily do it by jquery :-)

[no name] 28-Oct-14 6:24am

In my project, I have a textbox and if the keypress event triggers on this textbox then based on the value which I enters, then matching value should be populate. So here I tried with the PageMethods(call server side methods from JavaScripts). Here what happens was, I cannot directly call the text changed event of the textbox and I called a separate static method and inside this method, I called the text changed event method. By doing this, event is getting triggered but all the asp.net controls that are dealing inside the textChanged method are null. Which means i cannot use those controls at this point of time. Is there any ways to achieve my requirement?

[no name] 28-Oct-14 6:31am

I have tried with another way to trigger the TextChanged event by adding the __DoPostBack javascript function, here the asp.net user controls null issue has been resolved but each keypress the page is getting refreshed(PostBack) and checked with the UpdatePanel to restrict to the entire page postback but no luck ans still the entire page is getting refreshed.

This is my requirement and please help to achieve the same.

Thanks for your prompt attention to this matter.

Dilan Shaminda 28-Oct-14 6:38am

you can use jquery to achieve this

$( "#textboxid" ).keypress(function( event ) {
if ( event.which == 13 ) {
//code here
//13 represents Enter key
}
});

you can avoid refreshing the page by adding return false in JavaScript function.

[no name] 28-Oct-14 6:49am

i have a doubt. Because of the __DoPostBack function, anyways the page refresh will happen right? That means each time when postback happens PageLoad event will be triggered. So where I need to include Javascript to restrict the complete page postback. Or can you please shows any example to do the same.

Dilan Shaminda 28-Oct-14 7:01am

see this example

<script>
$( "#textboxid" ).keypress(function( event ) {

if (SOME CONDITION) {
return true; // page refresh
}
else {
return false; // avoid page refresh
}
});
</script>