Question

ModalPopupExtender控件无法正常工作。问题是，当点击弹出的“确定”按钮时，“确定”按钮后面的代码不起作用。请指导我解决问题。请参阅下面的代码，

        <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>

最后，我通过删除OkControlID属性解决了“确定”按钮没有触发问题。但是，现在执行“OK”点击事件后，弹出窗口将关闭并立即再次显示弹出窗口的原始大小，并再次关闭。如何解决此问题。请指导我。

Answer 1

由于您已使用RequiredFieldValidator，因此当您点击“确定”按钮时，这些已打开，您必须设置CausesValidation="false"或使用ValidationGroup

Answer 2

如果你真的需要在模态弹出窗口中进行验证，请使用javascript / jquery。

检查一下。 http://usefulaspnet.blogspot.com/2007/03/modal-popup-with-textbox-and-validator.html

ModalPopupExtender无法正常工作

2 个答案: