This is a migrated thread and some comments may be shown as answers.

How to submit a form using javascript when we use radAjaxPanel

1 Answer 218 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
mastermehdi
Top achievements
Rank 2
mastermehdi asked on 21 Aug 2011, 12:02 PM

Hi

I use this code for submit my form to our bank gateway:

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

    protected void submit(object sender, EventArgs e)

    {

        ClientScript.RegisterStartupScript(typeof(Page),

            "ClientScript",

            "<script language='javascript' type='text/javascript'> postRefId();</"+"script> ",

            false);

    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>test</title>

    <script language="javascript" type="text/javascript">

        function postRefId() {

            var form = document.createElement("form");

            form.setAttribute("method", "POST");

            form.setAttribute("action", "http://bmi.ir");

            form.setAttribute("target", "_self");

            document.body.appendChild(form);

            form.submit();

            document.body.removeChild(form);

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

             <asp:Button ID="Button1" runat="server"

             Text="Button"

             OnClick="submit" />

        </div>

    </form>

</body>

</html>

But when I use RadAjaxPanel like this, I can’t submit my form:

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

    protected void submit(object sender, EventArgs e)

    {

        ClientScript.RegisterStartupScript(typeof(Page),

            "ClientScript",

            "<script language='javascript' type='text/javascript'> postRefId();</"+"script> ",

            false);

    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>test</title>

    <script language="javascript" type="text/javascript">

        function postRefId() {

            var form = document.createElement("form");

            form.setAttribute("method", "POST");

            form.setAttribute("action", "http://bmi.ir");

            form.setAttribute("target", "_self");

            document.body.appendChild(form);

            form.submit();

            document.body.removeChild(form);

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <tlk:RadScriptManager ID="RadScriptManager1" runat="server" />

            <tlk:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

                    <asp:Button ID="Button1" runat="server"

                    Text="Button"

                    OnClick="submit" />

            </tlk:RadAjaxPanel>

        </div>

    </form>

</body>

</html>

How can I fix it?

1 Answer, 1 is accepted

Sort by
0
Accepted
Maria Ilieva
Telerik team
answered on 23 Aug 2011, 02:33 PM
Hi Mastermehdi,

i would suggest you to review the following help topic which elaborate son executing client script after Ajax request.
http://www.telerik.com/help/aspnet-ajax/ajax-execute-custom-javascript.html

Regards,
Maria Ilieva
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Tags
Ajax
Asked by
mastermehdi
Top achievements
Rank 2
Answers by
Maria Ilieva
Telerik team
Share this question
or