Re: Calling a Page Method In Javascript [modified] - C# Discussion Boards

9-Aug-10 23:22

Good Day All

I have a Method that i have defined that i will access in JavaScript(Page Method) and its defined like this

 [WebMethod, System.Web.Script.Services.ScriptMethod]
public static void Getadata(String StrSearch)
{
    View obj = new View();
    obj.Bind_SearchBox(StrSearch);

   // return Scriptt;
}

And the Bind_SearchBox() method is a non static method that is defined in this code behind of this page and View is the class name of the Page. Now i debugged this and i see the results are passed to the method and the Method is Defined like this

public void Bind_SearchBox(String Search)
    {


        ViewerService.ViewerService obj = new ViewerService.ViewerService();

        String SessionKey = obj.newSession();

        DateTime Date1 = Convert.ToDateTime("1980-01-01");
        DateTime Date2 = Convert.ToDateTime("2012-12-31");

        ViewerService.extract extract = obj.getObjects(SessionKey, Search, Date1, false, Date2, false, "", "");
        try
        {
            RadPanelBar1.Items.Clear();
            RadScheduler1.Appointments.Clear();

            int Len = extract.set.Length;
            for (int i = 0; i < Len; i++)
            {
                ViewerService.vertex value = extract.set[i];

                String PanelClass = value.meta;
                PanelClass = PanelClass.Replace(Remstr, "");
                PanelClass = PanelClass.Replace(Remstr2, "");
                Appointment app = null;
                if (value.atom != null)
                {

                    RadPanelItem pane = RadPanelBar1.Items.FindItemByText(PanelClass);
                    if (pane == null)
                    {
                        RadPanelItem nwpane = new Telerik.Web.UI.RadPanelItem(PanelClass);
                        RadPanelItem nwpaneSpliter = new Telerik.Web.UI.RadPanelItem(PanelClass);
                        nwpaneSpliter.IsSeparator = true;
                        RadPanelBar1.Items.Add(nwpane);
                        pane = nwpane;
                    }
                    if (value.meta == "za.co.abacus.C_EVENT")
                    {
                        app = new Appointment();
                    }

                    int atomLen = value.atom.Length;
                    for (int j = 0; j < atomLen; j++)
                    {
                        ViewerService.atom atm = value.atom[j];

                        if (atm.meta.Contains("za.co.reactor.A_LABEL"))
                        {
                            RadPanelItem NewItem = new RadPanelItem(atm.content);
                            pane.Items.Add(NewItem);
                            if (app != null)
                            {
                                app.Subject = atm.content;
                                app.Description = atm.content;
                                app.ID = value.key;
                            }

                        }

                        if (app != null && atm.meta.Contains("za.co.abacus.C_EVENT"))
                        {
                            app.ID = atm.content;
                        }
                        if (app != null && atm.meta.Contains("za.co.reactor.A_HORIZON"))
                        {
                            app.Start = Convert.ToDateTime(atm.content);
                        }
                        if (app != null && atm.meta.Contains("za.co.reactor.AA_HORIZON"))
                        {
                            app.End = Convert.ToDateTime(atm.content);
                        }
                        if (app != null && atm.meta.Contains("za.co.reactor.A_TEXT"))
                        {
                            app.Description = atm.content;
                        }
 
                        if (app != null && app.End > app.Start)
                        {
                            RadScheduler1.DataStartField = app.Start.ToString();
                            RadScheduler1.DataSubjectField = app.Subject.ToString();
                            RadScheduler1.DataEndField = app.ToString();
                            RadScheduler1.DataKeyField = app.ID.ToString();
                            RadScheduler1.SelectedView = SchedulerViewType.MonthView;
                            RadScheduler1.SelectedDate = app.Start;
                            RadScheduler1.Visible = true; 

                        }
                    }


                }

            }
        }
        catch (ApplicationException ex)
        {

        }
        finally
        {
            obj.closeSession(SessionKey);

        }
 

    }

Now this Function works well and it has no problems , in the debug more, i check the value that is supplied to this function from the page method function its fine. and my JS looks like this

function keyPress() {
     var tb = document.getElementById("<%=txtsearchid%>");
     if (tb.value.length == 2) {
         PageMethods.Getadata(tb.value);
         ToggleCollapsePane();

     }
     return false;
 }

and the Toggle function

function ToggleCollapsePane() {

        var splitter = $find("RadSplitter1");

        var pane = splitter.getPaneById("LeftPane");

        if (!pane) return;

        if (pane.get_collapsed()) {
            pane.expand();
        }
        else {
            pane.collapse();

        }
    }

so the Getadata() Function will call the Bind_SearchBox() Function and pass the Parameter and the function Bind_SearchBox() will do the Job as you can see at the end it sets some control to visible. But this does not bring me back results(The RadScheduler1 is not binded with data and RadPanelBar1 does not show anything)

I had a search button that is that was calling the same method and passing the same parameters but it could show results and it looked like this

protected void btnSearch_Click(object sender, EventArgs e)
{

    RadToolBarItem textItem = RadToolBar1.FindItemByText("Button1");

    TextBox txtseach = (TextBox)textItem.FindControl("txtsearch");

    if (txtseach.Text != "")
    {
        Bind_SearchBox(txtseach.Text.Trim());

    }

}

In FireFox i get this Error when i debug it

<br />
Microsoft JScript runtime error: Sys.Net.WebServiceFailedException: The server method 'Getadata' failed with the following error: System.NullReferenceException-- Object reference not set to an instance of an object.

If i click this above button it will show results. The txtseach have the same text and it calls the same method but when i call this function and inject parameters from page method it does not work.

I am Surprised.

Thanks

Vuyiswa Maseko,

Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.

C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa@its.co.za
http://www.itsabacus.co.za/itsabacus/

modified on Tuesday, August 10, 2010 7:05 AM

Łukasz Nowakowski10-Aug-10 0:59

10-Aug-10 0:59

First of all this is the question for ASP.NET forum.
Second: it's no surprise that it doesn't work really. What you're trying to do must be accomplished with a postback. You can call your Bind_SearchBox from JavaScript, but Bind_SearchBox will have no way to return its results to the browser. Solution for your problem is to execute postback instead of calling pagemethod. I don't remember parameters exactly, but you have to supply it with id of control, that triggers postback (in your problem this would be a search button). Or maybe you should reconsider your solution and trigger the Bind_SearchBox from additional postback.
I hope, that what I written is more less clear. If not, please ask Smile | :)

Don't forget to rate answer, that helped you. It will allow other people find their answers faster.

Vimalsoft(Pty) Ltd10-Aug-10 1:09

10-Aug-10 1:09

Good Day

I have updated the Post.at the bottom there is an Error that comes back if i debug with Firefox

Microsoft JScript runtime error: Sys.Net.WebServiceFailedException: The server method 'Getadata' failed with the following error: System.NullReferenceException-- Object reference not set to an instance of an object.

Thanks

Łukasz Nowakowski10-Aug-10 1:29

10-Aug-10 1:29

And did you debug the Bind_SearchBox method when you call it from your javascript? Exception must come from somewhere.

Don't forget to rate answer, that helped you. It will allow other people find their answers faster.

Vimalsoft(Pty) Ltd10-Aug-10 1:34

10-Aug-10 1:34

Yes i have debugged it and i realized that when i enter the Function , when it goes to this two lines

RadPanelBar1.Items.Clear();
RadScheduler1.Appointments.Clear();

and this one

RadPanelItem pane = RadPanelBar1.Items.FindItemByText(PanelClass);

it goes to the finally block and exit the loop. in IE the debug gives me nothing but in Firefox after the Finally then i get the error i sent you.

Łukasz Nowakowski10-Aug-10 1:49

Re: Calling a Page Method In Javascript [modified]

10-Aug-10 1:49

The reason exception is thrown is that the View you create doesn't go the regular page lifecycle (I assume the View is your ascx/aspx). Youd didn't call Init, Load or DataBind or whatever event you're filling your controls with data in.
As I said. Try redesign your solution, so it uses postback. Tell me, why you're using javascript and maybe I'll be able to give you a hint.

Don't forget to rate answer, that helped you. It will allow other people find their answers faster.

Vimalsoft(Pty) Ltd10-Aug-10 4:05

10-Aug-10 4:05

Good Day

You are Right the View is the Class name of the page aspx and i used javascript because i wanted to handle the keyPress event of the textbox

function keyPress() {
    var tb = document.getElementById("<%=txtsearchid%>");
    if (tb.value.length == 2) {
        PageMethods.Getadata(tb.value, myFunction(tb.value));
        ToggleCollapsePane();



    }
    return false;
}

and take the value that has been entered on key-press and execute the function.

Thanks

modified on Tuesday, August 10, 2010 10:15 AM

Łukasz Nowakowski10-Aug-10 4:36

10-Aug-10 4:36

OK, so look at the HTML generated by your site. The textbox, that you have you event attached to should have its change event set. (I assume, the textbox you're fighting with right now is the same.) Set the same value for the keyPress event of the textbox and it should work.

Don't forget to rate answer, that helped you. It will allow other people find their answers faster.

Vimalsoft(Pty) Ltd10-Aug-10 5:01

10-Aug-10 5:01

Yes the Textbox is the same.

<br />
Set the same value for the keyPress event of the textbox and it should work.

can my give me an example

Thank you for your help

Łukasz Nowakowski10-Aug-10 8:08

10-Aug-10 8:08

OK. At last I have Visual Studio to prepare an answer Wink | ;-)

<asp:TextBox runat="server" ID="text" OnTextChanged="Bind_SearchBox" onkeyup="this.onchange();" AutoPostBack="true" />

AutoPostBack="true" is required for this to work.

Don't forget to rate answer, that helped you. It will allow other people find their answers faster.

Vimalsoft(Pty) Ltd10-Aug-10 20:15

10-Aug-10 20:15

Good Day

Thank you for your kind reply.

i have changed my textbox from this

<asp:TextBox ID="txtsearch" runat="server"  Font-Size="X-Large" onkeypress="keyPress()"  Height="40px"
                               Width="650px"></asp:TextBox>

to this

<asp:TextBox runat="server" ID="txtsearch" OnTextChanged="Bind_SearchBox" Font-Size="X-Large" Height="40px" Width="650px" onkeyup="this.onchange();" AutoPostBack="true" />

and i get an Error that says

Error	4	No overload for 'Bind_SearchBox' matches delegate 'System.EventHandler'	C:\Pilot Project\View.aspx	99

Thanks

Łukasz Nowakowski10-Aug-10 21:29

10-Aug-10 21:29

Yeah, my mistake. Add method

protected void Bind_SearchBox(object sender, EventArgs e)
{
    if(sender.Equals(txtsearch))
    {
        Bind_SearchBox(txtsearch.Text);
    }
}

Don't forget to rate answer, that helped you. It will allow other people find their answers faster.

Vimalsoft(Pty) Ltd10-Aug-10 21:55