Question

I am using a repeater to display rows of data. Each row has a delete Image button. I would like to add a confirmation dialog using jQuery UI. The Dialog box displays correctly when the delete Image Button is clicked. What I am unsure about is how do I call the event handler for the Image button from jQuery when the OK button is clicked on the Dialog box.

Answer 1

you can do some thing like this, check for Jquery Dialogbox example,
while binding the Repeater you attach the event handler to it. like this

yourbutton.Attributes.Add("onclick","Deletbox('" + yourDeleteID + "'))";

javascript function :

var deleteId;//this the global variable to hold the value 


function Deletebox(ID)
{
  ( "#YourDialog" ).data('DeleteID',ID).dialog('open');
}

this is for the dialogbox initializer

     $( "#YourDialog" ).dialog({
                    modal: true, //this will make a modal form
                                open:function()
                                {
                                      deleteId=$(this).data('DeleteID'); 
                                },
                    buttons: { // this is the buttons which you are going to show in box
                        "Delete all items": function() {
                            CallYourdeletionMethodFromServer(deleteId)// by using $.Ajax function
                        },
                        Cancel: function() {
                            $( this ).dialog( "close" );
                        }
                    }
                });