ASP.NET: ModalPopupExtender prevents button click event from firing ASP.NET: ModalPopupExtender prevents button click event from firing asp.net asp.net

ASP.NET: ModalPopupExtender prevents button click event from firing


Try this.

Create a dummy hidden field:

<asp:HiddenField ID="hdnField" runat="server" />

Set the TargetcontrolID = "hdnField" in your Modal Popup declaration.

In your btnSaveData_Click event, do this:

modalPopup.Show();


Try this. It is 100% working

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">    <ContentTemplate>        <asp:Button ID="Btnshow" runat="server" Text="Show" OnClick="Btnshow_Click" />        <asp:Button ID="BtnTarget" runat="server" Text="Target" Style="display: none" />        <asp:TextBox ID="TextBox1" runat="server">        </asp:TextBox>        <input type="button" value="Get" onclick="abc()" />        <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="BtnTarget"            PopupControlID="Panel1">        </asp:ModalPopupExtender>        <asp:Panel ID="Panel1" runat="server" BackColor="Black" Width="300px" Height="300px">            <asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">                <ContentTemplate>                    <asp:Button ID="BtnHide" runat="server" Text="Hide Button" OnClick="BtnHide_Click" />                </ContentTemplate>                <Triggers>                    <asp:AsyncPostBackTrigger ControlID="BtnHide" EventName="Click" />                </Triggers>            </asp:UpdatePanel>        </asp:Panel>    </ContentTemplate>    <Triggers>        <asp:AsyncPostBackTrigger ControlID="Btnshow" EventName="Click" />    </Triggers></asp:UpdatePanel>

Server side code

protected void Btnshow_Click(object sender, EventArgs e){    ModalPopupExtender1.Show();}protected void BtnHide_Click(object sender, EventArgs e){    ModalPopupExtender1.Hide();}


First attempt: Try to set your ButtonID into OkControlID Tag and try again

OR

Second attempt: Call your event over javascript there seems to be some problems with click events

<div>     <cc1:ModalPopupExtender PopupControlID="Panel1"           ID="ModalPopupExtender1"          runat="server" TargetControlID="LinkButton1" OkControlID="Ok"           OnOkScript="__doPostBack('Ok','')">     </cc1:ModalPopupExtender>     <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>  </div>         <asp:Panel ID="Panel1" runat="server">     <asp:Button ID="Ok" runat="server" Text="Ok" onclick="Ok_Click" />             </asp:Panel>