2013-11-21 104 views
5

我有一个div显示为模式对话框。按钮点击不使用Jquery模式对话框触发

<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> 

这里是它

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

jQuery的问题后,我按下按钮来激活OnClick="uploadButton_Click"里面的方法不火,这方面的任何解决?对不起,我刚刚使用jquery。

+1

我想你会发现问题是,jQuery对话框完成是这样一种方式,从正常的ASP.NET窗体标签中删除它们。大约一年前,我遇到过这个问题,我不记得我做了什么,或者我在哪里找到了答案。很确定它在某个地方在这个网站上。 如果我能找到它,我会更新这个链接到答案。有一个非常简单的修复,它只是很难找到。 –

回答

13

嗯,这是为我工作的回答,即时不使用任何更新面板,这是我用过

添加此到对话框声明:

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

找到了答案在here如此如果你想知道更多关于点击旁边的链接:)

+0

谢谢,为我工作:) –

0

尝试这种解决方案: jQuery modal dialog with postbacks in ASP.NET

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

+0

@TylerDurden上面的解决方案并没有为我工作,即时通讯使用1.8 jquery UI – user2705620

+0

@ user2705620道歉,但我只是刚刚收到此评论的通知。我假设你现在已经解决了这个问题? ;) –

+0

哦,是的,我已经解决了它,并标记为上述答案:) – user2705620

1

新版本的JQueryUI使用稍微不同的约定。在你.dialog()声明,加上这是一个参数:

appendTo: "form", 

此修复该问题的jQuery的新版本,因为它构建ASP.NET表单范围之外的对话框。希望这可以帮助更新的用户!

0

该查询将从JQuery中激发C#代码。我测试了它:

$(this).parent().appendTo($("form:first")); 
相关问题