jQuery ui 对话框 - 我如何添加一个 asp:button 到对话框按钮窗格？答案

【问题标题】：jQuery ui dialog - how can i add an asp:button to the dialog button pane?jQuery ui 对话框 - 我如何添加一个 asp:button 到对话框按钮窗格？
【发布时间】：2009-11-04 08:27:06
【问题描述】：

我想在我的对话框中添加一个 asp:button - 用于确认目的，作为收集一些数据的一部分。我的目的是在点击后回发。

我没有问题将此按钮添加到我变成一个对话框的 div（或让它回发），但是正如预期的那样，该按钮不是对话框按钮窗格的一部分 - 对话框的最低部分，其中按钮在选项中声明将显示为：

$("#someDiv").dialog({
    buttons: {
        "Close": function() {
            $(this).dialog("close");
    }
}

如何将我的 asp:button 添加到这个最低的按钮窗格？我必须手动删除并将其附加到对话框中吗？我必须使用 __doPostback 作为我的按钮的函数调用的一部分，该按钮声明为对话框选项的一部分吗？

干杯！

【问题讨论】：

标签： asp.net jquery jquery-ui

【解决方案1】：

您不能在对话框控件中添加自定义按钮。

您可以使用事件打开：http://docs.jquery.com/UI/Dialog#event-open 并附加自定义按钮，但您必须使用销毁或关闭方法控制对话框。

我推荐你使用常用的JS函数。

附加示例：

$('.ui-dialog div.ui-dialog-buttonpane').append('<button class="ui-state-default ui-corner-all" type="button">ASP</button>');

【讨论】：

【解决方案2】：

如果您不介意无法控制父页面上的元素，将对话框的内容放在一个独立的 aspx 文件中并使用 iframe 显示它是一个不错的技巧。

【讨论】：