Добавить кнопки после создания диалогового окна JqueryUI

Question

Я пытаюсь добавить кнопки после создания диалогового окна jquery UI. Но следующий код не работает.

Мое требование - содержимое кнопки должно передаваться динамически в виде 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?

Answer 1

кнопки делают, как таким образом

$("#" + 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"); 
     } 
    } ] 
    });