Problem using Dynamic UserControls inside AJAX UpdatePanel in ASP.Net

born2ach...

SOLVED CLOSED ACTIVE ANSWERED
User: born2achie
Posted: on Jul 18, 2014 03:02 AM
Forum: ASP.Net AJAX
Answer: 1
Views: 11128

I have usercontrol (called A) and update panel in it

Following are the control in my updatepanel

1. gridview with link button

2. DIV outside the gridview to load the usercontrol (B) from c#

when i hit the link button of gridview i am loading my usercontrol(B) dynamically from code behind and adding it to the DIV which is working fine. I have button inside the the usercontrol (B) and if i hit the button it doesn't trigger the action.

Not sure why it doesn't trigger the click event. i googled and tried enabling ChildrenAsTriggers="true" though it didn't work. any suggestion please

Here is the skeleton,

Test.ascx :

<asp:UpdatePanel ID="upList" runat="server" ChildrenAsTriggers="true" >
    <ContentTemplate>
 <asp:GridView ID="gvList" AutoGenerateColumns="false" runat="server" Visible="true" Width="95%"
                    OnRowDataBound="gvList" DataKeyNames="Id" GridLines="None" 
                    ShowFooter="false">
                    <Columns>
  <asp:TemplateField>
                            <HeaderTemplate>
                               
<asp:label id="lbltext" runat="server" text = "TestLinkbutton"/>
                                
                            </HeaderTemplate>
                            <ItemTemplate>
                                  <asp:LinkButton ID="Template" OnClick="Template_Click" Text = "TestPostback" runat="server" Width="150px"/>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
 
<div style="width: 500px;" id="divContainer" runat="server">
        <br style="clear: left;" />
        </div>
 
   </ContentTemplate>
</asp:UpdatePanel>

on Template_Click event i am loading the user control from code behind and adding it to the div[divContainer]

i tried to investigate in deeper and found that the update panel causing the issue. If i use the below code[rfered one of your article] on the page load event then it works fine. the button triggers it's action. but when i click the button which is in gridview, it should not post back as it is in update panel, but it postback.

private void RegisterPostBackControl()
    {
        foreach (GridViewRow row in gvList.Rows)
        {
            LinkButton lnkFull = row.FindControl("Template") as LinkButton;
            ScriptManager.GetCurrent(this.Page).RegisterPostBackControl(lnkFull);
        }
    }

protected void Template_Click(object sender, EventArgs e)
    {
          LinkButton lb = (LinkButton)sender;
      
        GridViewRow row = (GridViewRow)lb.NamingContainer;
        if (row != null)
        {
          // loading user control here
}
      
}

any help please

Download FREE API for Word, Excel and PDF in ASP.Net

Azim

0 5

Reply
ANSWER
User: Azim
Replied: on Jul 19, 2014 01:28 AM
Report

You need to add the control back in the Page load

Please run this code in a new website

HTML Page

<%@ Register Src="~/UserControls/UserControlA.ascx" TagName="UserControl" TagPrefix="uc" %>
<!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">
    <div>
        <uc:UserControl runat="server" />
    </div>
    </form>
</body>
</html>

UserControlA.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControlA.ascx.cs"
    Inherits="UserControls_UserControlA" %>
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:UpdatePanel runat="server">
    <ContentTemplate>
        <asp:LinkButton Text="add UserControl" OnClick="AddUserControl" runat="server" />
        <div runat="server" id="Div1">
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

UserControlA.ascx.cs

protected void Page_Load(object sender, EventArgs e)
{
    if (Session["ControlAdded"] != null)
    {
        UserControl uc = (UserControl)Page.LoadControl("~/UserControls/UserControlB.ascx");
        this.Div1.Controls.Add(uc);
    }
}
protected void AddUserControl(object sender, EventArgs e)
{
    UserControl uc = (UserControl)Page.LoadControl("~/UserControls/UserControlB.ascx");
    this.Div1.Controls.Add(uc);
    Session["ControlAdded"] = true;
}

UserControlB.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControlB.ascx.cs"
    Inherits="UserControls_UserControlB" %>
Hello
<br />
<asp:Button Text="Save" runat="server" OnClick="Save" />

UserControlB.ascx.cs

protected void Save(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(Page, Page.GetType(), Guid.NewGuid().ToString(), "alert('Onclick from User Control B ');", true);
}

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Problem using Dynamic UserControls inside AJAX UpdatePanel in ASP.Net

Company

Explore

Follow us

Contact Us