Добавить кнопку в диалоговое окно динамически

Question

Есть ли способ динамически добавить кнопку в диалоговое окно в jquery ui.

Я пытался использовать: $ (this) .add ("button");

Answer 1

Иногда вы хотите добавить кнопки позже.

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

Answer 2

Ответ прямо на странице пользовательского интерфейса jQuery для диалога ... http://jqueryui.com/demos/dialog/ (нажмите вкладку «Параметры», затем ссылку для «Кнопки»)

«Получить или установить параметр кнопок после инициализации» ...

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

Просто добавьте соответствующий селектор (какой бы элемент вы не использовали в качестве диалогового окна), и все будет хорошо.