Add a button to a dialog box dynamically

Question

Is there any way to add a button to a dialog box in jquery ui dynamically.

I tried using: $(this).add("button");

Answer 1

This is answered right on the jQuery UI page for dialog... http://jqueryui.com/demos/dialog/ (click "Options" tab, then the link for "Buttons")

"Get or set the buttons option, after init"...

$( ".selector" ).dialog( "option", "buttons", { 
 "Ok": function() { $(this).dialog("close"); } 
} );

Just add the appropriate selector (whatever element you're using as the dialog), and you should be good to go.

Answer 2

Sometimes you want to add the buttons later too.

var mydialog = ... result of jqueryui .dialog()
var buttons = mydialog.dialog("option", "buttons"); // getter
$.extend(buttons, { foo: function () { alert('foo'); } });
mydialog.dialog("option", "buttons", buttons); // setter