Я пытаюсь добавить кнопки после создания диалогового окна пользовательского интерфейса jquery. Но следующий код не работает.
Мое требование - содержимое кнопки должно передаваться динамически в виде JSON. Поэтому я создаю диалоговое окно jquery UI и добавляю к нему содержимое кнопки.
Пример структуры JSON, приведенный ниже.
"buttons": [{
"text": "button1",
"functionname": "test12",
"fncparam": { "param1": "testparam1", "param2": "1273576235" }
}]
function dialog_box(dynDiv, rootTemplate) {
var dialog_buttons = rootTemplate.buttons;
var dialog = $("#" + dynDiv.id).dialog({
hide: "explode",
title: rootTemplate.etype,
buttons: {},
text: rootTemplate.text,
resizable: true,
minWidth: 200,
minHeight: 150,
close: function() {
$(dialog).dialog('destroy').remove();
}
});
$('#dialog').dialog('option', 'buttons',
[
{ text: 'New Button 01', click: function(ev, ui) { alert('New Button 01'); } }
, { text: 'New Button 02', click: function(ev, ui) { alert('New Button 02'); } }
]);
}
что в этом плохого? Любые другие варианты добавления кнопок после создания диалогового окна JQuery UI?
сделать такую кнопку таким образом
$("#" + dynDiv.id).dialog({
hide: "explode",
title: rootTemplate.etype,
buttons: {},
text: rootTemplate.text,
resizable: true,
minWidth: 200,
minHeight: 150,
buttons: [
{ text: "Close",
click: function() {
$( this ).dialog( "close" );
}
} ]
});