Question

我有一个显示为模态对话框的div。

<div id="div2" style="display: none;" title="Upload Prenda">
        <center>
            <br />
            Select File to Upload:
            <asp:FileUpload ID="PrendaFileUpload" runat="server" Width="345px" />
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="PrendaFileUpload"
                ErrorMessage="File to be uploaded Required" ValidationGroup="X">*</asp:RequiredFieldValidator><br />
            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True"
                ShowSummary="False" ValidationGroup="X" />
            <br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            <asp:Button ID="uploadButton" runat="server" Text="Upload" OnClick="uploadButton_Click"
                 Width="100px" />
        </center>
    </div>

这是jquery for it

 <script type="text/javascript">
$(function() {
$( "#div2" ).dialog({
autoOpen: false,
modal:true,
resizable: false,
 height: 200,
width: 600
});
$( "#toggle" ).click(function() {
$( "#div2" ).dialog( "open" );
});
});
</script>

问题是我按下按钮激活OnClick="uploadButton_Click"里面的方法没有触发，对此有什么修复？抱歉，我刚刚使用jquery。

Answer 1

这是对我有用的答案，我没有使用任何更新面板，这就是我使用的

将其添加到对话框声明中：

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

在here找到了答案，如果您想了解更多信息，请点击旁边的链接：）

Answer 2

较新版本的JQueryUI使用略有不同的约定。在appendTo: "form",声明中，添加以下是一个参数：

{{1}}

这解决了新版本JQuery的问题，因为它构建了ASP.NET窗体范围之外的对话框。希望这有助于新用户！

Answer 3

试试这个解决方案： jQuery modal dialog with postbacks in ASP.NET

这告诉jQuery将对话框附加到表单标记而不是文档的末尾。

Answer 4

此查询将从JQuery触发C＃代码。我测试了它：

 $(this).parent().appendTo($("form:first"));

ASP.net按钮点击不使用Jquery模态对话框触发

4 个答案: