add controls to ajax update panel programatically on click of a button in asp.net

Question

i want to add a label to update panel, on button click.. i have following code in .aspx file...

 <asp:UpdatePanel ID="up" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" >
                   <ContentTemplate >
                       <asp:Panel runat="server" ID="myPanel" >
                        <label id="ssd" runat="server" >abc</label>
                       </asp:Panel>
                       <asp:Button ID="Button1" runat="server" OnClick="Button1_Click"  Text="test"/>
                   </ContentTemplate>
               </asp:UpdatePanel>

and on button click event..

protected void Button1_Click(object sender, EventArgs e)
{
    Label l1 = new Label();
    l1.ID = "label1";
    l1.Text = "this is it...";
    up.ContentTemplateContainer.Controls.Add(l1);      
}

but its not working ..:-(

Tim Schmelter · Accepted Answer · 2012-12-01 19:41:47Z

1

Since the UpdatePanel's UpdateMode is set to Conditional, you need to update it manually from codebehind:

protected void Button1_Click(object sender, EventArgs e)
{
    Label l1 = new Label();
    l1.ID = "label1";
    l1.Text = "this is it...";
    up.ContentTemplateContainer.Controls.Add(l1); 

    up.Update();     
}

MSDN UpdatePanel.Update Method

If you plan to use the Update method, set the UpdateMode property to Conditional. If you want the decision to update the panel in server logic, make sure that the ChildrenAsTriggers property is false and that no explicit triggers are defined for the panel.

In a typical page development scenario, if you define triggers or if the ChildrenAsTriggers property is true for the UpdatePanel control, the Update method is automatically called during the page life cycle.

Note that you need to recreate dynamical controls even with ASP.NET Ajax. So you need to create the label manually on the next postback in page_load at the latest.

answered Dec 1, 2012 at 19:41

Tim Schmelter

462k79 gold badges719 silver badges980 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fazal Wahid Over a year ago

protected void Page_Load(object sender, EventArgs e) { Label l1 = new Label(); l1.ID = "label1"; l1.Text = "this is it..."; this.form1.Controls.Add(l1); } even this is not adding label to my page :-(

Collectives™ on Stack Overflow

add controls to ajax update panel programatically on click of a button in asp.net

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related