Jquery 对话框 - “动态渲染”按钮

Question

有没有办法控制在 Jquery 对话框中显示哪些按钮？

场景：

也许存在程序逻辑，在保存数据后，对话框能够显示“删除”按钮。 （意思是在对话框内提交表单后，整个对话框都会刷新？>>这包括正在加载的对话框上的按钮？）

有什么建议吗？

Answer 1

您可以使用 jQuery 对话框上按钮选项的 getter 和 setter 方法来执行此操作。以下示例取自 jQuery UI 文档：

//getter
var buttons = $( ".selector" ).dialog( "option", "buttons" );

//setter
$( ".selector" ).dialog( "option", "buttons", [
    {
        text: "Ok",
        click: function() { $(this).dialog("close"); }
    }
] );

因此在您的示例中您可以执行以下操作：

添加

// Get existing buttons
var buttons = $( ".selector" ).dialog( "option", "buttons" );

// Add a delete button
buttons.push({
    text: "Delete",
    click: function () {
        // Do your deletion stuff
    }
});

// Put the modified button Array back in
$( ".selector" ).dialog( "option", "buttons", buttons );

删除

// Get existing buttons
var buttons = $( "#testDialog" ).dialog( "option", "buttons" );

$.each(buttons, function (i) {
    if (this.text === "Delete") {
        // We've found the button we want to delete so remove it from Array
        buttons.splice(i, 1);

        // No point in continuing the loop as we've removed what
        // we want to remove.
        return;
    }
});

// Put the modified button Array back in
$( "#testDialog" ).dialog( "option", "buttons", buttons );

这是一个工作示例。