JQuery UI 对话框和 OnClick 事件

Question

我有一个 JQuery UI 对话框，我在上面放置了一个 ASP.NET 按钮。我需要能够从中调用服务器端 OnClick 事件，但它从未被调用。这是我的对话框，有人可以帮忙吗？

<div id="dialogWrapper" runat="server">
    <div style="height: auto; width: auto;" id="dialog">
        <table> 
            <tr>
                <td width="300px" valign="top">
                    Current Documents :
                </td>
                <td width="300px" valign="top">
                    <table>
                        <tr>
                            <td>
                                Upload Document :
                            </td>
                        </tr>
                        <tr /><tr />
                        <tr>
                            <td>
                                <asp:FileUpload id="fileUploadControl" runat="server" Width="200px" />
                            </td>
                        </tr>
                        <tr /><tr />
                        <tr>
                            <td>
                                <asp:Button  ID="btnUploadFile" runat="server" OnClick="btnUploadFile_Click" Text="Upload File" />
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
        </table><br />
    </div>
</div>

编辑:以下是创建对话框的方式:

$(document).ready(function() {

    $('#<%=dialogWrapper.ClientID %>').dialog({
        autoOpen: false,
        height: 250,
        width: 600,
        modal: true,
        title: "Upload/Open Files",
        show: "drop"
    });

});

Answer 1

jQueryUI 将对话框置于 ASP.NET Form 标记之外，因此您的按钮将无法注册。尝试将对话框附加到 Form 标记，如下所示:

    $('#divDialog').dialog({
     //your normal dialog settings...


      open: function(type,data) {
        $(this).parent().appendTo("form");
      }
    }); 

来自this post .