我可以动态地将按钮添加到 Jquery UI 对话框吗？答案

【问题标题】：Can I dynamically add buttons to a Jquery UI Dialog box?我可以动态地将按钮添加到 Jquery UI 对话框吗？
【发布时间】：2011-05-16 17:33:58
【问题描述】：

我正在尝试根据一些输入向 jquery UI 对话框添加一个新按钮。

我的代码如下所示：

function editTour(ID, myDate) {
$.post("/Admin/EditTour", { TourID: ID },
        function (data) {
            $('#EditTour').html(data);
            $('#EditTour').dialog({
                modal: true,
                width: 400,
                resizable: false,
                title: formatDate(myDate),
                buttons: {
                    "Save": function () {
                      //some junk logic removed
                     },
                    "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });

        });   //end post
}

如果传入的ID为0，我想在这个函数中添加一个“删除”按钮。

我知道我可以创建一个 editTour 函数的剪切和粘贴副本以手动添加到“删除”按钮中......但我希望有更干净的东西。

【问题讨论】：

标签： jquery-ui

【解决方案1】：

试试这个，它可能对你有帮助。

function editTour(ID, myDate) {
    $.post("/Admin/EditTour", { TourID: ID },
        function (data) {
            $('#EditTour').html(data);
            $('#EditTour').dialog({
                modal: true,
                width: 400,
                resizable: false,
                title: formatDate(myDate)
            });

            var myButtons = {
                "Save": function () {
                    //some junk logic removed
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            };

            if(ID == 0) {
                myButtons["Delete"] = function() {
                    // Delete logic here.
                }
            }

            $('#EditTour').dialog('option', 'buttons', myButtons);
        }
    );   //end post
}

【讨论】：