Click Event button does not work, but modalpopupextender works

Question

in my project i

<asp:AsyncPostBackTrigger ControlID="btnAdd" EventName="Click" /> 

enter code here
Admin - * If Neccesery

  <asp:ModalPopupExtender ID="ModalPopupExtender1" PopupControlID="Panel1" TargetControlID="btnAdd" BackgroundCssClass="modalBackground" runat="server"> </asp:ModalPopupExtender> <asp:Panel ID="Panel1" align="center" CssClass="modalPopup" runat="server"> <div class="body-reg-left"> <div class="body-top-reg"> <div class="he-reg"> <b>Admin </b>- *If Neccesery</div> </div> <table> <tr> <td> <asp:Label ID="lblCategoryID" runat="server" Text="" CssClass="lbF"></asp:Label> </td> <td> <asp:Label ID="lblstt" runat="server" Text=""></asp:Label> </td> <tr> <td> <asp:Label ID="Label1" runat="server" Text="Brand Name" CssClass="lbF"></asp:Label> </td> <td> <asp:TextBox ID="txtbrdName" runat="server"></asp:TextBox> </td> </tr> </tr> <tr> <td> <asp:Button ID="BtnBrdName" runat="server" Text="Add" Width="70px" OnClick="Button1_Click" /> <asp:Button ID="btncancel" runat="server" Text="Cancel" OnClick="btncancel_Click" /> </td> </tr> </table> </div> </asp:Panel> </div> </div> </ContentTemplate> </asp:UpdatePanel> 

if I press btnAdd, the value inside the category text box should go to the database and pop up in the window .... but in my project the click event of the btnADD button does not start, and modalpopup works .... please give me a solution ..

Answer 1

I had the same problem, for some reason, when you set the button as the TargetControlID of a modal popup, it disables the Click event.

The way I overcame this problem is to set the Label control on the invisible / dummy element on the page and set the modality TargetControlID property for this label. Then in your btnAdd Click event, get all the necessary values ​​from the database and just call ModalPopupExtender1.Show() to display the modality:

Aspx:

 <form id="form1" runat="server"> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="AddClick" /> <asp:Label ID="dummyLabel" runat="server" /> <asp:ModalPopupExtender ID="ModalPopupExtender1" PopupControlID="Panel1" TargetControlID="dummyLabel" BackgroundCssClass="modalBackground" runat="server"> </asp:ModalPopupExtender> <asp:Panel ID="Panel1" align="center" CssClass="modalPopup" runat="server"> <div class="body-reg-left"> <table> <tr> <td> <asp:Label ID="Label1" runat="server" Text="Brand Name" CssClass="lbF"></asp:Label> </td> <td> <asp:TextBox ID="txtbrdName" runat="server"></asp:TextBox> </td> </tr> <tr> <td> <asp:Button ID="BtnBrdName" runat="server" Text="Add" Width="70px" OnClick="Add" /> <asp:Button ID="btncancel" runat="server" Text="Cancel" OnClick="Cancel" /> </td> </tr> </table> </div> </asp:Panel> </div> </div> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnAdd" EventName="Click" /> </Triggers> </asp:UpdatePanel> </form> 

Code behind:

 protected void Add(object sender, EventArgs e) { //Add logic } protected void Cancel(object sender, EventArgs e) { //Cancel logic } protected void AddClick(object sender, EventArgs e) { txtbrdName.Text = "Some category"; //Populate the value as required ModalPopupExtender1.Show(); }