Aps.Net Nested UpdatePanel's Button Click Event does not fire

Question

I have a dynamically created UpdatePanel inside a TabContainers TabPanel. I have also created a button inside the newly created UpdatePanel. Problems is, that the click event for the new button does not get fired. Here is an example .aspx and .cs

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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    Design time created controls
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Button ID="btn1" runat="server" Text="Des btn1" OnClick="btn1_click" />
                <asp:TextBox ID="txt1" runat="server" Width="300px"></asp:TextBox>
                <asp:TabContainer ID="TabContainer1" runat="server">
                    <asp:TabPanel ID="Tab1" runat="server" HeaderText="Tab 1">
                        <ContentTemplate>
                            <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                                <ContentTemplate>
                                    <asp:Button ID="btn2" runat="server" Text="Des btn2" OnClick="btn2_click" />
                                    <asp:TextBox ID="txt2" runat="server" Width="300px"></asp:TextBox>
                                </ContentTemplate>
                                <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="btn2" EventName="Click" />
                                </Triggers>
                            </asp:UpdatePanel>
                        </ContentTemplate>
                    </asp:TabPanel>
                    <asp:TabPanel ID="TabPanel2" runat="server" HeaderText="Tab 2">
                        <ContentTemplate>
                            <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
                                <ContentTemplate>
                                    <asp:Button ID="btn3" runat="server" Text="Des btn3" OnClick="btn3_click" />
                                    <asp:TextBox ID="txt3" runat="server" Width="300px"></asp:TextBox>
                                </ContentTemplate>
                                <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="btn3" EventName="Click" />
                                </Triggers>
                            </asp:UpdatePanel>
                        </ContentTemplate>
                    </asp:TabPanel>
                </asp:TabContainer>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btn1" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
    </div>
    <br />
    <br />
    Runtime designed controls
    <div>
        <asp:UpdatePanel ID="UpdatePanel4" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Button ID="rbtn1" runat="server" Text="Run btn1" OnClick="rbtn1_click" />
                <asp:TextBox ID="rtxt1" runat="server" Width="300px"></asp:TextBox>
                <asp:TabContainer ID="TabContainer2" runat="server">
                </asp:TabContainer>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="rbtn1" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using AjaxControlToolkit;

namespace ArminTestStranica
{
    public partial class NestedUpdatePanels : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btn1_click(object sender, EventArgs e)
        {
            txt1.Text = "You have clicked at: " + DateTime.Now.ToString("dd/MM/yyyy hh:mm:ss tt");

        }
        protected void btn2_click(object sender, EventArgs e)
        {
            txt2.Text = "You have clicked at: " + DateTime.Now.ToString("dd/MM/yyyy hh:mm:ss tt");

        }
        protected void btn3_click(object sender, EventArgs e)
        {
            txt3.Text = "You have clicked at: " + DateTime.Now.ToString("dd/MM/yyyy hh:mm:ss tt");

        }
        protected void rbtn1_click(object sender, EventArgs e)
        {
            rtxt1.Text = "You have clicked at: " + DateTime.Now.ToString("dd/MM/yyyy hh:mm:ss tt");
            TabContainer2.Tabs.Clear();
            TabPanel firstNewTabPanel = new TabPanel();
            firstNewTabPanel.ID = "runFirstTabPanel";
            firstNewTabPanel.HeaderText = "Run Tab 1";
            UpdatePanel firstNewUpdatePanel = new UpdatePanel();
            firstNewUpdatePanel.ID = "runFirstUpdatePanel";
            firstNewUpdatePanel.UpdateMode = UpdatePanelUpdateMode.Conditional;
            Button firstNewButton = new Button();
            firstNewButton.ID = "runFirstButton";
            firstNewButton.ClientIDMode = ClientIDMode.Static;
            firstNewButton.Text = "Run btn 2";
            firstNewButton.Click += new EventHandler(firstNewButton_Click);
            firstNewUpdatePanel.ContentTemplateContainer.Controls.Add(firstNewButton);
            AsyncPostBackTrigger firstNewTrigger = new AsyncPostBackTrigger();
            firstNewTrigger.ControlID = "runFirstButton";
            firstNewTrigger.EventName = "Click";
            firstNewUpdatePanel.Triggers.Add(firstNewTrigger);
            firstNewTabPanel.Controls.Add(firstNewUpdatePanel);
            TabContainer2.Tabs.Add(firstNewTabPanel);
            TabContainer2.ActiveTabIndex = 0;
        }

        void firstNewButton_Click(object sender, EventArgs e)
        {
            rtxt1.Text = "You have clicked at Runtime Button 2: " + DateTime.Now.ToString("dd/MM/yyyy hh:mm:ss tt");
        }
    }
}

score 0 · Answer 1 · edited Apr 18 '13 at 11:30

0

may be change ChildrenAsTriggers="true" RenderMode="Block" this sentences.

Please go through the below link

This link will help you

edited Apr 18 '13 at 11:30

Trinimon

13,839
9
44
60

answered Apr 18 '13 at 11:12

user2294760

1

really did not understant your point, where exactly do you suggest changes, on which lines, and on the link you suggested, really did not understand what was point 2 all about – ArminM Apr 19 '13 at 11:02

score 0 · Answer 2 · answered Feb 25 '14 at 11:35

I also faced same problem while creating programe where i putted label which changes on button 's click event

Just try this snippet in your code as well as also put button outside updatepanel

SET UseSubmitBehavior="False" of button try this and let me know

Aps.Net Nested UpdatePanel's Button Click Event does not fire

2 Answers2