jquery - 创建 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" );
         } 
    } ] 
    });