如何在asp.net中创建动态文本框，下拉列表 [英] how to create dynamic textbox,dropdownlist in asp.net

问题描述

我想在单击按钮的每个文本框和下拉列表下方创建动态2个文本框和2个下拉列表.这是我正在使用的代码，用于创建动态文本框和下拉列表，但以水平方式创建控件.我希望以垂直方式创建动态控件，该控件将位于文本框和下拉列表下方.

I want to create dynamic 2 textbox and 2 dropdownlist below each textbox and dropdownlist in button click. This is the code i am using which creates dynamic textbox and dropdownlist but its creating control in horizontal way.I want creation of dynamic controls in a vertical manner which will be coming under textbox and dropdown.

<div id="dvContainer" runat="server">

<table align="center" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td>
    <table width="100%">
        <tr>
            <td align="center">Date</td>
            <td>
                <asp:TextBox ID="TextBox1" runat="server" Width="150px">                </asp:TextBox>
            </td>
            <td align="center">Time</td>
            <td>
                <asp:TextBox ID="TextBox2" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td align="center">Godown</td>
            <td>
                <asp:DropDownList ID="DropDownList1" runat="server" Width="150px">
                </asp:DropDownList>
            </td>
        </tr>
    </table>
</td>
</tr>

<tr>
<td><table width="100%">
        <tr>
            <td align="center">Item</td>
            <td align="center">QTY</td>
            <td align="center">Unit</td>
            <td align="center">Available</td>
            <td align="center"></td>

        </tr>
        <tr>
            <td align="center">
                <asp:DropDownList ID="DropDownList2" runat="server" Width="150px">
                </asp:DropDownList>
            </td>
            <td align="center">
                <asp:TextBox ID="TextBox3" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td align="center">
                <asp:DropDownList ID="DropDownList3" runat="server" Width="150px">
                </asp:DropDownList>
            </td>
            <td align="center">
                <asp:TextBox ID="TextBox4" runat="server" Width="150px"></asp:TextBox>
            </td>
             <td align="center">
                 <asp:Button ID="Button1" runat="server" Text="Button"   onclick="Button1_Click" />
            </td>

        </tr>

    </table></td>
</tr>

</table>

</div>

这是我在CS页面中使用的代码

This is the code i am using in cs page

public partial class StockEntry : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DropDownList Ddl_Item;
protected System.Web.UI.WebControls.TextBox Txt_Quantity;
protected System.Web.UI.WebControls.DropDownList Ddl_Unit;
protected System.Web.UI.WebControls.TextBox Txt_Available;

protected void Page_Load(object sender, EventArgs e)
{

}

int countTimes = 0;

protected void Button1_Click(object sender, EventArgs e)
{
    if (ViewState["countTimes"] == null)
    {
        countTimes = 1;
    }
    else
    {
        countTimes = Convert.ToInt32(ViewState["countTimes"]);
    }

    for (int i = 0; i < countTimes; i++)
    {
        Ddl_Item = new DropDownList();
        Ddl_Item.ID = "Ddl_Item" + i;
        Ddl_Item.Width = 180 + i;

        Txt_Quantity = new TextBox();
        Txt_Quantity.ID = "Txt_Quantity" + i;
        Txt_Quantity.Width = 180 + i;

        Ddl_Unit = new DropDownList();
        Ddl_Unit.ID = "Ddl_Unit" + i;
        Ddl_Unit.Width = 180 + i;

        Txt_Available = new TextBox();
        Txt_Available.ID = "Txt_Available" + i;
        Txt_Available.Width = 180 + i;

        dvContainer.Controls.Add(Ddl_Item);
        dvContainer.Controls.Add(Txt_Quantity);

        dvContainer.Controls.Add(Ddl_Unit);
        dvContainer.Controls.Add(Txt_Available);

    }
    countTimes = countTimes + 1;

    ViewState.Add("countTimes", countTimes);
}

}

推荐答案

我认为您想要的是 HtmlGenericControl 这将允许您添加设置布局所需的表，您当然可以将每个控件包装在div中，并使用CSS来控制布局.

This will allow you to add the table that you require to set your layout, you could of course wrap each control in a div and control your layout using CSS.

这篇关于如何在asp.net中创建动态文本框，下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！