jQuery Dialog Closeイベントが正常に動作しない

Question

CodeBehindイベントとJavaScriptイベントを使用してポップアップダイアログを作成しようとしています。私は、次のダイアログを起動するボタンを作成しました。それはうまく動作します。

<script type="text/javascript"> 

    function ShowDialog(aPage, aWidth, aHeight, aTitle) { 
     var $popupURL = aPage; 
     var $popupDv = $("#resultDiv"); 

     jQuery.ajax({ url: $popupURL, 
      cache: false, 
      success: function (html) { 
       $popupDv.empty().append(html); 

       $popupDv.dialog({ 
        width: aWidth, 
        height: aHeight, 
        modal: true, 
        title: aTitle, 
        draggable: false, 
        resizable: false 
       }); 
      } 
     }); 
    } 

</script> 

ボタンのコード：私は、ダイアログがポップアップボタンをクリックした後

<form id="form1" runat="server"> 
<div> 
    <div id="resultDiv"> 
    </div> 
    <input id="Edit1Button" type="button" value="Edit 1" onclick="ShowDialog('edit3.aspx?ID=1', 600, 400, 'Hello Edit 1')" /> 
</div> 
</form> 

のでOK。これは単なるテストコードである点に注意してください。私はjavascriptのOnClientClick火災、その後、falseを返していると、ダイアログが期待通りに動作します。..閉じた場合、ダイアログでは、私は...

<form id="form2" runat="server"> 
<div> 
    <h1> 
     Edit Dialog 3</h1> 
    <asp:Button ID="CloseButton" runat="server" Text="Close" OnClick="CloseButton_Click" 
     OnClientClick="$('#resultDiv').dialog('close'); return true;" /> 
</div> 
</form> 

を次のコードを持っています。私がtrueを返すように設定すると、ダイアログが閉じますが、これが問題の場所です。メインフォームが消えてダイアログフォームに置き換えられます。

このボタンは、コードビハインドでCloseButton_Clickを実行してからダイアログを閉じるために必要です。私は何が起こっているアンソニー

Answer 1

があなたの子フォーム（Edit3.aspx）ので、バックに掲載されていることである週のように...ので、あなたの回答で穏やかになり

おかげ をasp.netとC＃に非常に新しいですWebサーバー、ASP.NETはEdit3.aspxの応答を返します - あなたの初期フォームではありません。必要なものを実現するためには、サーバーへの非同期ポストバックを使用する必要があります。これは、次のおEdit3.aspxフォームを変更することによって達成することができます。

<form id="form2" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
<div> 
<h1 runat="server" id="edit3"> 
    Edit Dialog 3</h1> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:Button ID="CloseButton" runat="server" Text="Close" OnClientClick="$('#resultDiv').dialog('close'); return true;" /> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 

ScriptManagerコントロールとUpdatePanelコントロールをフォームに非同期でサーバーにポストバックすることができます。