ModalPopupExtenderが正しく機能しない

Question

ModalPopupExtenderコントロールが正常に動作していません。問題は、 "OK"ボタンのポップアップをクリックしている間、 "OK"ボタンの後ろのコードが機能していないことです。問題を解決するために私を案内してください。

 <ATK:ModalPopupExtender 
      BackgroundCssClass="ModalPopupBG" 
      DropShadow="true" 
      OkControlID="btnDone"     
      CancelControlID="btnCancel" 
      runat="server" 
      PopupControlID="AddTopic" 
      id="ModalPopupExtender1"               
      TargetControlID="btnAddNew"/> 

    <asp:Panel ID="AddTopic" runat="server" CssClass="popup_Container" >   
     <div class="popup_Titlebar" id="PopupHeader"> 
      <div class="TitlebarLeft"> 
       Add New Topic 
      </div> 
      <div class="TitlebarRight" onclick="cancel();"> 
      </div> 
     </div> 
     <div class="popup_Body">          
      <asp:Label ID="lblTopic" runat="server" Text="Topic Name"> </asp:Label> 
      <asp:TextBox ID="tbTopicName" runat="server" Width="400px" ></asp:TextBox> 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
       ErrorMessage="*" ControlToValidate="tbTopicName"> 
      </asp:RequiredFieldValidator> 
      <br /> <br /> 
      <span style="padding-left:350px"> 
       <asp:Button ID="btnDone" runat="server" Text="Ok" onclick="btnDone_Click"/> 
       <input id="btnCancel" value="Cancel" type="button" OnClick="cancel();" />      
      </span>     
     </div>     
    </asp:Panel> 

は最後に、私は「OK」ボタンを OkControlIDプロパティを削除することで問題を発射しませ解決し、以下のコードを参照してください。しかし、今度は "OK"クリックイベントを実行した後、ポップアップウィンドウが閉じられ、直ちにポップアップウィンドウの元のサイズが表示され、再び閉じます。この問題の解決方法私を案内してください。

Answer 1

あなたが使用RequiredFieldValidatorを持っているので、これらは、[OK]ボタンをクリックすると、上にあるので、あなたはCausesValidation="false"を設定するか、あなたが本当にモーダルポップアップ使用中の検証はJavaScript/jQueryのが必要な場合はValidationGroup

Answer 2

使用を使用する必要があります。

これを確認してください。 http://usefulaspnet.blogspot.com/2007/03/modal-popup-with-textbox-and-validator.html