Calling function using JQuery

Question

0.00/5 (No votes)

See more:

Hello friends,
I was trying to call code behind function using JQUERY.
I gives an error:

Cannot refer to an instance member of a class from within a shared method or shared member initializer without an explicit instance of the class

I paste down my code it might give you hint, where I'm going wrong

Client Side:

$("a[id$='lnkQC']").click(function() {
	                $.ajax({
	                    type: "POST",
	                    url: "Production_Iteration_myjob_view.aspx/fillRepeater",
	                    data: "{}",
	                    contentType: "application/json; charset=utf-8",
	                    dataType: "json",
	                    success: function(data) { 
	                        if (data.d == 1)
	                            alert("Successful");
	                        else
	                            alert("Error");
	                    }
	                });
	            });

Code Behind:

<system.web.services.webmethod()> _
   Public Shared Function fillRepeater() As Integer
       Dim objDT As New DataTable
       Try
           objDT = AliaDAO.clsQualitycheck_DAO.getFilterDailyDetails(2, intIterationid)
           'Create the object of PagedDataSource
           Dim objPDS As New PagedDataSource
           'Assign our data source to PagedDataSource object
           objPDS.DataSource = objDT.DefaultView
           'Set the allow paging to true
           objPDS.AllowPaging = True
           'Set the number of items you want to show
           objPDS.PageSize = 10
           'Disable First, Prev, Next, Last buttons
           btnPrevious.Enabled = Not objPDS.IsFirstPage
           btnNext.Enabled = Not objPDS.IsLastPage
           btnFirst.Enabled = Not objPDS.IsFirstPage
           btnLast.Enabled = Not objPDS.IsLastPage
           'Assign PagedDataSource to repeater
           rptQC.DataSource = objPDS
           rptQC.DataBind()
           'Change the text Now viewing text
           lblCurrentPage.Text = "Now viewing : " & (NowViewing + 1).ToString() & " of " & objPDS.PageCount.ToString()
       Catch ex As Exception
           Return -1
       End Try
       Return 1
   End Function

It gives error for intIterationid, btnPrevious, btnNext, btnFirst, btnLastrptQC, lblCurrentPage

intIterationid is local variable
and rest are controls

This error is because I have declared function shared, but until I declare shared I cant call this function using JQuery.

Any hint??

Thanks in Advance

Posted 25-Jul-11 21:09pm

dhage.prashant01

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)

Parwej Ahamad · Answer 1 · 2011-07-25T23:08:00

Solution 1

Seems issue with URL, Please refer:

var loc = window.location.href;
loc = (loc.substr(loc.length - 1, 1) == "/") ? loc + "default.aspx" : loc;
$.ajax({
         type: "POST",
         url: loc + "/" + methodName,
         data: "{" + args + "}",

Ref: http://weblogs.asp.net/craigshoemaker/archive/2008/11/07/using-jquery-to-call-asp-net-ajax-page-methods-by-example.aspx[^]

Posted 25-Jul-11 23:08pm

Parwej Ahamad

Comments

dhage.prashant01 26-Jul-11 5:22am

As per my knowledge, static function can only refer static members.
So due to this there must be error.
I'm not sure.

Parwej Ahamad 26-Jul-11 5:26am

Yes it's true, mean you are using web controls inside this method cause the error?

dhage.prashant01 26-Jul-11 5:53am

but how can i call fillRepeater function using JQuery?
Why do function to be declare SHARED to be called from client side?

Parwej Ahamad 26-Jul-11 5:58am

Because you are not creating object of the current page just calling directly through the method name and this is the way only possible. So if you know, we can call all static method directly by the class name without instantiate.
As per your requirement, I guess you don't want to postback your page so you are trying to use Jquery with Ajax. Why you didn't use Update Panel in this situation?

dhage.prashant01 26-Jul-11 6:05am

No worry, I have replaced HyperLink with LinkButton, now the problem is LinkButton click event is not getting fired.

I tried following:
<asp:LinkButton runat="server" id="lnkQC" href="#dialog" name="modal" OnClick="lnkQC_Click">View

Protected Sub lnkQC_Click(ByVal sender As Object, ByVal e As EventArgs) Handles lnkQC.Click
fillRepeater()
End Sub

Parwej Ahamad 26-Jul-11 6:10am

What is Handles lnkQC.Click? I think this should work
Protected Sub lnkQC_Click(ByVal sender As Object, ByVal e As EventArgs)
fillRepeater()
End Sub

dhage.prashant01 26-Jul-11 6:24am

Yet it does not get fire.
What can be the issue

Parwej Ahamad 26-Jul-11 6:30am

Why you use here href="#dialog"? may be the cause

dhage.prashant01 26-Jul-11 6:41am

Let me tell you, why I'm using linkbutton
On click of link button, modal popup opens
I think your right. How come can we overcome it?
I cant remove href="#dialog", but any other way I can fill my repeater?
Now I'm trying to fill repeater when the link is clicked, if I fill in pageload the repeater wont have updated records until the page is refreshed.

Parwej Ahamad 26-Jul-11 6:46am

I didn't got your requirement exactly, as per my understanding, on link button click you are opening Model Popup and on model popup you have repeater control that you want to update and display on button click event.
Is this right? please elaborate.

dhage.prashant01 26-Jul-11 7:09am

Yes your right.
how can we do this?

Parwej Ahamad 26-Jul-11 8:08am

Repeater control render html form in client side, so as you were doing very first time in jquery just build html form (using Table or Div) and then display on popup instead of binding repeater control.

dhage.prashant01 26-Jul-11 8:33am

Yes I'm displaying it in Table format, I paste my code

<asp:Repeater ID="rptQC" runat="server"> <HeaderTemplate> <table border="1"> <tr> <td>Client</td><td>Category</td> <td>Brand</td>
<td>Comment</td>
</tr>
</HeaderTemplate>
<itemtemplate>
<tr>
<td><%#DataBinder.Eval(Container.DataItem, "clientname")%></td>
<td><%#DataBinder.Eval(Container.DataItem, "brandcategoryname")%></td> <td><%#DataBinder.Eval(Container.DataItem, "brandname")%></td> <td><%#DataBinder.Eval(Container.DataItem, "comment")%></td>
</tr>
<footertemplate> </table>

Parwej Ahamad 26-Jul-11 8:42am

- Take an Div on popup control
- Build this format through loop in web method
- return in jquery call, on success section assign this result into Div control

dhage.prashant01 26-Jul-11 8:53am

this way i wont be able to sort n page

Parwej Ahamad 26-Jul-11 8:56am

Are you passing any parameter when popup being open?

dhage.prashant01 26-Jul-11 9:01am

NoAs said, it is being open on linkbutton click (lnkQC)

Parwej Ahamad 26-Jul-11 9:02am

Then bind the repeater control on page load event. Is there any issue to doing this way?

dhage.prashant01 26-Jul-11 9:07am

No other option, I did in page load only
but if done in pageload, the fresh data will be available only when page is refreshed.
If I put on link, the fresh data is available on link click.