How to add panel with asp controls dynamically on button click

Question

I have a panel with asp.net controls inside. On each AddNew linkbutton click I have to add this panel again and again. How can I do that?

Thanks

Here is my panel:

<asp:Panel ID="pBody" runat="server" CssClass="cpBody">
            <div class="field"> 
              <asp:TextBox runat='server' ID='txtNumber' MaxLength='12' CssClass='textBox'      Width="300px" /> 
              <asp:RequiredFieldValidator id="RequiredFieldValidatortxtNumber" runat="server" ControlToValidate="txtNumber" ErrorMessage="<%$ Resources:PleaseFillTheRequiredField %>" ForeColor="Red"></asp:RequiredFieldValidator> 
            </div> 
            <div class="label"> 
               <asp:Literal ID="litCurrentState" runat="server" Text="<%$ Resources:CurrentState %>" />:
               <span id="spanCurrentStateValid" runat="server" class="text-danger">*</span> 
            </div> 
            <div class="field"> 
              <asp:DropDownList ID="ddlCurrentState" runat="server" CssClass="textBox filter-textbox"   Width="300px"></asp:DropDownList>
              <asp:RequiredFieldValidator id="RequiredFieldValidatorCurrentState" runat="server"  ControlToValidate="ddlCurrentState" ErrorMessage="<%$ Resources:PleaseFillTheRequiredField %>" InitialValue="- Choose-" ForeColor="Red"> </asp:RequiredFieldValidator> 
            </div> 
            <div class="label"> 
               <asp:Literal ID="litDocumentPath" runat="server" Text="<%$Resources:DocumentPath %>" />: 
               <span id="spanDocumentPathValid" runat="server" class="text-danger">*</span>            </div> 
           <div class="field"> 
               <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
                  <Triggers> 
                      <asp:PostBackTrigger ControlID="UploadButton" /> 
                  </Triggers> 
                  <ContentTemplate>
                      <asp:FileUpload ID="fupDocumentPath" runat="server" Width="300px" /> 
                      <asp:Button runat="server" id="UploadButton" CausesValidation="false" text="Upload" onclick="UploadButton_Click" /> 
                      <asp:Label runat="server" id="StatusLabel" text="Upload status: " /><br /><br />          
                  </ContentTemplate> 
               </asp:UpdatePanel> 
        <asp:RequiredFieldValidator id="RequiredFieldValidatorDocumentPath" runat="server" ControlToValidate="fupDocumentPath" ErrorMessage="<%$ Resources:PleaseFillTheRequiredField %>" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator> 
        <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="#">Example</asp:HyperLink>
     </div> 
    </asp:Panel> 
    <asp:LinkButton runat="server" ID="lbtnAddNew">Add new</asp:LinkButton>

Bartosz Wójtowicz · Accepted Answer · 2014-06-24 08:28:01Z

1

Define the panel in a UserControl and then on the button click programmatically instantiate your control and add it to the view.

answered Jun 24, 2014 at 8:28

Bartosz Wójtowicz

1,40111 silver badges18 bronze badges

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

1 Comment

Rajan Mishra Over a year ago

can you please elaborate.

Collectives™ on Stack Overflow

How to add panel with asp controls dynamically on button click

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