Search code examples
asp.netajaxbuttontriggersupdatepanel

Button click not working inside update panel


When I use Button inside Update panel it doesnot fire click event but outside the update panel it works.
here is the code

<asp:UpdatePanel ID="updatePanel2" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
    <ContentTemplate>
    <asp:Button ID="btnBlock" class="Button" Text="BlockCalls" runat="server"       
            onclick="btnBlock_Click" Enabled="True" Width="100px" />  
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnBlock" /> 
    </Triggers>
</asp:UpdatePanel>

code for button is

protected void btnBlock_Click(object sender, EventArgs e)
{        
    CtiWS.CtiWS CtiWS1 = new CtiWS.CtiWS();
    Response.Write("<script>alert('"+Convert.ToString(Session["BlockCalls"])+"')</script>");
    if (btnBlock.Text == "BlockCalls")
    {
        btnBlock.Text = "UnBlockCalls";
        CtiWS1.BlockCalls("", "", HttpContext.Current.Session["HOSTID"].ToString()); //server block calls
    }
    else
    {
        btnBlock.Text = "BlockCalls";
        CtiWS1.BlockCalls("", "", HttpContext.Current.Session["HOSTID"].ToString()); //server unblock calls 
    }

}

Solution

  • Try this

    set ChildrenAsTriggers to true and add EventName="Click" in asp:AsyncPostBackTrigger

    <asp:UpdatePanel ID="updatePanel2" runat="server" UpdateMode="Conditional" 
                    ChildrenAsTriggers="true">
       <ContentTemplate>
        <asp:Button ID="btnBlock" class="Button" Text="BlockCalls" runat="server"       
                     onclick="btnBlock_Click" Enabled="True" Width="100px" />  
       </ContentTemplate>
       <Triggers>
         <asp:AsyncPostBackTrigger ControlID="btnBlock" EventName="Click"/> 
        </Triggers>
    </asp:UpdatePanel>