How to update changed buttons in jQuery interface dialog?

Question

I have a jQuery UI dialog that is initialized

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

and then I want to change the buttons programmatically without reinitializing the plugin instance.

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

When the dialog box opens, it still has the original button. With the Button plugin, you must call .button ("refresh"). Is there a similar method that needs to be called using the Dialog plugin?

Answer 1

Why do you need customization, method name 'option'(no s):

.dialog('option',

This works even when the dialog is open, you can check here .

Answer 2

- options option,

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

Answer 3

First, you can destroy the dialog by calling $ dlg.dialog ('destory'). and overestimate the required dialogue.