Hi

I am a new to jquery can some on point me in right direction on this.

I have a html page where a table is generated using jquery ajax function and 
jquery datatables plugin . In this table for every row in the table there
will be 3 buttons each button inturn will call a ajax function which i have
done a working fine. But the critical part is when a specific button is
clicked it should open a dialog box. Below is the sample structure

$(document).ready(function(){
       //dialog box
$("#dialog").dialog({
        bgiframe: true, resizable: false,       height:"auto", modal: true, 
autoOpen: false,
        buttons: {
                'Save': function() {
                },
                'No': function() {
                $(this).dialog('close');
                }
        }
});
      //do some ajax to load the table
      $.ajax({
           //append the table to the body div 1
           //when clicked on button 1
             //do ajax2 to load another table at the bottom of the first
table
               $.ajax({
                   //append the table to the bodydiv 2
               });
             //when clicked on button 2
             //open a dialog box say for editing the content 
             //and save it to DB
             $('#dialog').dialog('open');
      });
});

what the problem is i cant get the dialog box can some one tell me what is
wrong or how to go for this
-- 
View this message in context: 
http://old.nabble.com/help-with-dialog-box-tp26717059s27240p26717059.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to