asp.net linkbutton in updatepanel doesn't fire

Apostrofix picture Apostrofix · Oct 23, 2013 · Viewed 12.7k times · Source

I have a asp.net web application. In my .aspx page I have a update panel in which I have 3 asp:LinkButton that should make a call to a c# code behind. The problem is that the onclick doesn't work.

Here is how the code looks:

<div id="div1">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <ul>
                            <li><asp:LinkButton ID="lnk_1" runat="server" OnClick="lnk1_Click">Link1</asp:LinkButton></li>
                            <li><asp:LinkButton ID="lnk_2" runat="server" OnClick="lnk2_Click">Link2</asp:LinkButton></li>
                            <li><asp:LinkButton ID="lnk_3" runat="server" OnClick="lnk3_Click">Link3</asp:LinkButton></li>
                        </ul> 
<div> some more code here </div>
</ContentTemplate>
                    <Triggers>
                        <asp:PostBackTrigger ControlID="lnk_1" />
                        <asp:PostBackTrigger ControlID="lnk_2" />
                        <asp:PostBackTrigger ControlID="lnk_3" />
                    </Triggers>
                </asp:UpdatePanel>
            </div>

What is wrong with the code? I have also tried using AsyncPostBackTrigger but still doesn't work.

The code behind is not invoked at all.

I have also tried to search on Google but couldn't find a solution.

Answer

bopapa_1979 picture bopapa_1979 · Oct 23, 2013

You're very close. Couple of things:

  • Your triggers should be AsyncPostBackTriggers as you said you tried.
  • Your triggers need an event name.
  • Suggestion: This won't prevent your events from firing, but unless you want EVERY postable event to cause a postback, add UpdateMode="Conditional" to your UpdatePanel.

Here is a working example.

Web Form - WebForm1.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="AspDotNetStorefront.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager runat="server"></asp:ScriptManager>
            <div id="div1">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <ul>
                            <li><asp:LinkButton ID="lnk_1" runat="server" OnClick="lnk1_Click">Never clicked</asp:LinkButton></li>
                        </ul> 
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="lnk_1" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
            </div>    
        </form>
    </body>
</html>

CodeBehind - WebForm1.aspx.cs:

using System;

namespace AspDotNetStorefront
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        private static int _clickedCount = 0;

        protected void lnk1_Click(object sender, EventArgs e)
        {
            ++_clickedCount;
            var suffix = _clickedCount <= 1 ? "time" : "times";
            lnk_1.Text = string.Format("Clicked {0} {1}", _clickedCount, suffix);
        }
    }
}