刷新网页时显示模态弹出面板

Question

在我的网页中，我使用 ModalPopupExtender 弹出模式弹出窗口以添加条目。 PopupControlID 是一个面板，它以相同的形式驻留在其中。问题是刷新网页时，PopupControlID 面板会短暂显示并消失。单击面板上的“确定”按钮时也会发生同样的问题。请参阅下面的标记，请指导我解决问题，

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


    <asp:Panel ID="AddTopic" runat="server"  CssClass="popup_Container"  Style="display: none;" >           
        <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:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
            <ContentTemplate>                        
                <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>
            </ContentTemplate>
            </asp:UpdatePanel>               
            <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>

Answer 1

我认为这是正常行为。如果您想在单击按钮后显示弹出窗口，则必须在按钮单击结束时设置 ModalPopupExtender1.Show() 。但是刷新时模式弹出窗口将会消失。