Question

I have a jQuery UI dialog which is initialized

$('#jqDialog').dialog({
  autoOpen: false,
  modal: true,
  resizable: false,
  buttons: { 'Ok': function () { $(this).dialog('close'); } },
});

and then I want to change the buttons programatically w/o re-initializing the plugin instance.

$('#jqDialog')
  .dialog('options',
  { 
    buttons: {
      'Ok': function () {
        $(this).dialog('close');
        store(id);
      },
      'Cancel': function () { $(this).dialog('close'); }
    }
  })
  .dialog('open');

When the dialog window is opened it still have the original button. With the Button plugin you have to call .button(“refresh”). Is there a similar method that needs to be called with the Dialog plugin?

Answer 1

What you have just needs a tweak, the method name is 'option' (no s) like this:

.dialog('option',

This works even when the dialog’s open, you can test it out here.