How to call a function that is in the code behind of jquery dialog

Question

I try to show jquery dialog by clicking the Delete button ( which also serves to erase data if the user than in the dialog ), but when I press the Delete dialog then disappears after the second and screen pops . I'd love someone to help me because I really green in jquery And how to check user code approved in dialog Thank you :)

    <script type="text/javascript">
            $(function () {
                $("#dialog-confirm").hide();
                $("#but_Delete").click(function () {
                    $("#dialog-confirm").dialog({
                        resizable: false,
                        height: 250,
                        width: 500,
                        modal: true,
                        buttons: {
                            "delete": function () {
                                $.ajax({
                                    type: "GET",
                                    contenttype: "application/json; charset=utf-8",
                                    data: "{null}",
                                    url: "Home.aspx/but_Delete_Click",
                                    dataType: "json",
                                    success: function but_Delete_Click(res) {
                                       
                                    },
                              
                                });
                                $(this).dialog("close");
                            },
                            "Cancel": function () {
                                $(this).dialog("close");
                            }
                        }


                    });

                    //$(".selector").dialog({Zz
                    //    closeOnEscape: false

                    //});
                });

            });

  </script>

protected void but_Delete_Click()
{          
     if (TextBox_campeny.Text != null || TextBox_Addres.Text != null || TextBox_tel.Text != null)
     {                 
           con.Open();
           string id = tb.Tables[0].Rows[i]["id"].ToString();
           SqlCommand cmd = new SqlCommand("Delete from tbl_Customer where Id='" + id + "'", con);
           cmd.ExecuteNonQuery();                 
           Response.Write("blabla!");
           con.Close();
           con.Open();
           SqlCommand cmd_u = new SqlCommand("Delete from tbl_Users where IdCustomer='" + id + "'", con);
           SqlDataAdapter dac = new SqlDataAdapter(cmd_u);
           dac.Fill(tb);
           if (butuc == 1)
           {
                 Response.Redirect("LoginPage.aspx");
           }
           else
           {
                 if(tb.Tables[0].Rows.Count != 1)
                 {
                     if (i == 0)
                     {                                
                           bind();
                     }
                     else
                     {
                           if (tb.Tables[0].Rows.Count - 1 == i)
                           {
                                  i--;
                                  bind();
                           }
                           else
                           {
                                  bind();                                  
                           }
                      }
                      else
                      {
                           Empty_Textbox();
                           but_Delete.EnableTheming = false;
                      }

                  }
             }
             con.Close();
       }
}

What do you mean ? Just add [ web metod ] before the function, or something more complicated then I will be happy if you help me — user4662802, May 04 '15 at 12:55
If you want to use ajax then web method is good [web method](http://www.aspsnippets.com/Articles/Calling-ASPNet-WebMethod-using-jQuery-AJAX.aspx) and you can redirect you page client side, because Response.Redirect("LoginPage.aspx"); not work for ajax method — Silence Peace, May 04 '15 at 13:05
Sorry , but I can not and it's really urgent for me . Maybe you can show me in the code what exactly do you mean ? Thank you very much . — user4662802, May 05 '15 at 13:17

score 0 · Answer 1 · answered May 06 '15 at 04:49

This deletion button when pressed appears Dialog

     <input type="button" value="Delete" id="but_Delete" name="but_Delete" runat="server" />

and this is the div of the dialog

 <div id="dialog-confirm" title="Are you sure you want to delete?">

score 0 · Answer 2 · edited May 23 '17 at 12:21

0

Because of server side

Remove custom dialog box, use window confirm
Create new function in javascript OnClick="but_Delete_Click" OnClientClick="return somefunction();" function somefunction() { return window.confirm("Are you sure you want to delete?"); }
1. public void but_Delete_Click(object sender, EventArgs e)

Note : 1. use update panel for use but_Delete_Click event from javascript with __doPostBack() 2. you can use web method but server side control like textbox or button not find in it you should manual passed from parameter which value use in web method

edited May 23 '17 at 12:21

Community

1
1

answered May 06 '15 at 13:27

Silence Peace

341
4
13

tanks But I have precisely this dialog ( for the title ). – user4662802 May 07 '15 at 05:30

How to call a function that is in the code behind of jquery dialog

2 Answers2