Create controls dynamically on button click

Question

I am trying to create dynamic controls on button click.

HTML:

<asp:LinkButton ID="lnkSrt" runat="server" Text="Multi Sort" ForeColor="Black" Font-Names="Calibri" Font-Size="10pt" />
<ajax:ModalPopupExtender runat="server" ID="mpeSrt"
 TargetControlID="lnkSrt" PopupControlID="pnlSrt" CancelControlID="btnClose">
 </ajax:ModalPopupExtender>
     <asp:UpdatePanel ID="upPanel" runat="server">
         <ContentTemplate>
              <asp:Panel ID="pnlSort" runat="server" align="center" Style="display: none" BackColor="LightGray">
              <asp:Label runat="server" Text="Sort By Column" />
              <asp:DropDownList ID="ddlColumnSort" runat="server" AutoPostBack="true" />
              <asp:Label runat="server" Text="Order By" />
              <asp:DropDownList ID="ddlOrder" runat="server" AutoPostBack="true">
              <asp:ListItem Text="Ascending" Value="0"></asp:ListItem>
              <asp:ListItem Text="Descending" Value="1"></asp:ListItem>
              </asp:DropDownList>
              <asp:LinkButton ID="lnkAdd" runat="server" Text="Add Sorting" Font-Underline="true" OnClick="lnkAddOrder_Click" Font-Names="Calibri" Font-Size="10pt" ForeColor="Black" />
              <asp:Button ID="btnSorting" runat="server" Text="Sort" OnClick="btnSorting_Click" />
              <asp:Button ID="btnClose" runat="server" Text="Close" />
            </asp:Panel>
         </ContentTemplate>
      </asp:UpdatePanel>

CODE:

When clicked on AddSorting I am trying to create dropdown control using below code and the controls doesn't show.

protected void lnkAddSort_Click(object sender, EventArgs e)
{
    int index = pnlSort.Controls.OfType<DropDownList>().ToList().Count + 1;
    this.Createddl("ddldyn" + index);
}

public void Createddl(string id)
{
    DropDownList ddl = new DropDownList();
    ddl.ID = id;
    pnlSort.Controls.Add(ddl);
    Literal lt = new Literal();
    lt.Text = "<br />";
    pnlSort.Controls.Add(lt);
}

Image:

CodingYoshi · Accepted Answer · 2018-01-08 06:38:07Z

2

pnlSrt is set to display: none so the dynamically added child controls will not show either.

answered Jan 8, 2018 at 6:38

CodingYoshi

27.3k7 gold badges68 silver badges75 bronze badges

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

1 Comment

vicky Over a year ago

It works now. The controls is visible when I click on the first time, if I click on the button for 2nd time the second dropdown is not getting added. Updated post with image for better clarity. Also the dropdown is not getting aligned correct to the first row.

Uwe Keim · Accepted Answer · 2018-01-08 06:55:25Z

0

As per the @Yoshi answer. You could set visible true for the pnlSrt control by using pnlSort.Style["display"] = "block";// or pnlSort.Attributes.Add("style", "display:block");

Try this

public void Createddl(string id)
{
    DropDownList ddl = new DropDownList();
    ddl.ID = id;

    pnlSort.Controls.Add(ddl);

    Literal lt = new Literal();
    lt.Text = "<br />";
    pnlSort.Controls.Add(lt);
    pnlSort.Attributes.Add("style", "display:block");
}

edited Jan 8, 2018 at 6:55

Uwe Keim

40.9k61 gold badges193 silver badges308 bronze badges

answered Jan 8, 2018 at 6:52

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

1 Comment

vicky Over a year ago

It works now. The controls is visible when I click on the first time, if I click on the button for 2nd time the second dropdown is not getting added. Updated post with image for better clarity. Also the dropdown is not getting aligned correct to the first row.

Collectives™ on Stack Overflow

Create controls dynamically on button click

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related