Doing post back on an ajax toolkit modal popup extender

Question

I use an Ajax Toolkit modal pop-up extender to pop-up a form for collecting information from the user. I intend to send the data collected from the user to the code behind for saving into the database on click of the submit button on that form. I found out, however, that the submit button is not posting back to the saver at all.

I do not want to use any client side coding or a web service.

Is it in any way possible to do post back on a modal pop?

Usually the issue on this cases are that the modal pop-up window is auto-generated outside the form, so the input control is not fire the form. — Aristos, Aug 01 '12 at 10:09
'I found out' May I know How you found out?Are you getting any error? — Ishan, Aug 01 '12 at 10:11
@Ishan: I added break point to the click event handler of the submit button in the code behind. After clicking the button, the was no call to the server-side code. In fact, there was no post back at all. — Shittu Joseph Olugbenga, Aug 01 '12 at 11:35

score 1 · Accepted Answer · edited Dec 14 '13 at 18:48

1

There are two solutions of your problem:

Create form with asp:button in a div, initially set it's display none. At the time of popup just make it visible you can set it's position as your requirement. Then after click on submit button it will behave normally and redirect your page.

It is by using jQuery and Ajax. Create a html form and on submit call a JavaScript function JavaScript function :-

 function on_submit(){
    var pageUrl = 'your_page_name.aspx'
     $.ajax({
       type: "POST",
       url: pageUrl + "/your_web_method",
       data: '{data1:value1, data2:value2}',
       contentType: "application/json; charset=utf-8",
       dataType: "json",
       success: function(msg) {
                make your success code here
          }
    });

  in C# 
    [WebMethod]
    public static void your_web_method(data1, data2)
    {
        // your code to store value in database
    }

edited Dec 14 '13 at 18:48

BenMorel

34,448
50
182
322

answered Aug 01 '12 at 10:24

Rnk Jangir

711
6
23

Thanks guy. If i were to go by option one, there would be no way to make it modal. – Shittu Joseph Olugbenga Aug 01 '12 at 11:51
i urgently need your help please. If i were to pass the text entered into a text box how do i get the text. In your example, you used **data1:value1**. I want to get the value from a text box. – Shittu Joseph Olugbenga Aug 01 '12 at 13:26
use $('#id_of_your_text_box').val() to get value from textbox – Rnk Jangir Aug 06 '12 at 11:20

Doing post back on an ajax toolkit modal popup extender

1 Answers1

Linked