JQuery UI 对话框和 OnClick 事件答案

【问题标题】：JQuery UI Dialog and OnClick eventJQuery UI 对话框和 OnClick 事件
【发布时间】：2011-05-12 15:18:56
【问题描述】：

我有一个 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"
    });

});

【问题讨论】：

您能展示一下您是如何创建对话框的吗？看看here，说不定会有你的答案。

标签： jquery asp.net

【解决方案1】：

jQueryUI 将对话框放在 ASP.NET Form 标记之外，因此您的按钮不会注册。尝试将对话框附加到 Form 标记，如下所示：

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


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

来自this post。

【讨论】：