2013-11-21 13 views
5

私はモーダルダイアログとして表示されているdivを持っています。ここASP.netボタンが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> 

iはOnClick="uploadButton_Click"に内部メソッドを有効にするには、ボタンを押した後、問題があること

<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のです、このための任意の修正を解雇しないのですか?申し訳ありませんが、jqueryを使用したばかりです。

+1

私は、問題は、jQueryのダイアログが正常なASP.NETフォームタグから削除するような方法であることがわかります。私は1年ほど前にこの問題を抱えていました。私が何をしたのか、答えを見つけたのかを覚えていません。それがどこかでこのサイトにあったことは間違いありません。 私はそれを見つけることができます私は答えへのリンクでこれを更新します。かなりシンプルな修正がありました。見つけるのは難しいことです。 –

答えて

13

まあ、これは、私のために働いていた答えであるイムは、任意の更新パネルを使用していないし、これは私がダイアログの宣言にこれを追加すること

を使用したものである:

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

はそうhereで答えを見つけました詳細について知りたい場合は、隣のリンクをクリックしてください:)

+0

ありがとう、働いてくれた人:) –

0

は、このソリューションをお試しください: jQuery modal dialog with postbacks in ASP.NET

これは、formタグではなく、文書の最後にダイアログを追加するjQueryのを伝えます。

+0

@TylerDurden上記の解決策は私のためには機能しませんでした.1.8 jquery UI – user2705620

+0

@ user2705620申し訳ありませんが、私はこのコメントを通知しました。私はあなたが今までにこの問題を解決したと仮定していますか? ;) –

+0

ああ私はすでにそれを解決し、上記の答えとしてマークしました:) – user2705620

1

新しいバージョンのJQueryUIでは、わずかに異なる規約が使用されています。あなたの.dialog()宣言では、追加これはパラメータである:それはASP.NETフォームの範囲外のダイアログボックスを作成しますので、これは、jQueryの新しいバージョンのために問題を修正し

appendTo: "form", 

。これは新しいユーザーに役立つことを願っています!

0

このクエリは、JQueryのC#コードを起動します。私はそれをテストしました: