c# - C# で ASP.NET の動的ページに動的フィールドを追加する方法

Question

このリンクをクリックすると、いくつかのテキストボックスとラベルが表示される「ADD MORE SKILLS」として 1 つの動的フィールドを追加したいと考えています。この種の例は、Shine.com や TimesJob などで見ることができます.....

Answer 1

ここから始めましょう。必要に応じて変更します。新しいボタンを作成し、ボタンの onclick で新しいコントロールを動的に作成します。以下のコード ASP ボタンでラベルとテキストボックスを動的に作成しました

<asp:Button ID="AddMoreSkills" runat="server" Text="Add More Skills" 
            onclick="AddMoreSkills_Click" />

C# の OnClick イベント

protected void AddMoreSkills_Click(object sender, EventArgs e)
{
    Table tblmain = new Table();
    tblmain.ID = "tblmain";
    tblmain.Width = Unit.Percentage(100);
    tblmain.Attributes.CssStyle.Add("margin-top", "5px");
    tblmain.Attributes.CssStyle.Add("margin-bottom", "5px");

    TableCell tblTCell;
    TableRow tblRow = new TableRow();
    TableCell tblCell = new TableCell();

    tblRow = new TableRow();

    //Create Label Dynamically
    tblCell = new TableCell();
    Label lblTown = new Label();
    lblTown.ID = "lblSkill";
    lblTown.Text = "Skill";

    //Add label to table cell
    tblCell.Controls.Add(lblTown);
    tblRow.Cells.Add(tblCell);

    //Create TextBox Dynamically
    TextBox txtSkill = new TextBox();
    txtSkill.ID = "txtSkill";

    //Add TextBox to table cell
    tblTCell = new TableCell();
    tblTCell.Controls.Add(txtSkill);
    tblRow.Cells.Add(tblTCell);
    tblmain.Rows.Add(tblRow);

    form1.Controls.Add(tblmain);
}