2013-11-21 96 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")); 
相關問題