2013-08-21 3 views
0

Я хочу создать динамический 2 текстовых поля и 2 раскрывающегося списка под каждым текстовым полем и выпадающим списком при нажатии кнопки. Это код, который я использую, который создает динамическое текстовое поле и раскрывающийся список, но его создающий элемент управления горизонтальным способом. Я хочу создать динамические элементы управления вертикальным образом, которые будут попадать под текстовое поле и выпадающее меню.Как создать динамический раскрывающийся список текстовых полей в asp.net

<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 странице

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); 
    } 
} 
+0

Пожалуйста, опишите, какие excactly ваша проблема – Marco

+0

Возможная Дубликат [как создать динамическое текстовое поле, DropDownList в asp.net] (https://stackoverflow.com/questions/18354719/how-to-create- динамическое текстовое поле-DropDownList-в-Asp-нетто). ОП намеренно продублировал свой вопрос. – halfer

ответ

0

Вы можете добавить контролирующие динамически два способами

1.By сторона клиента, использовать JavaScript для more info

2.By Сторона сервера, use literal controls

Смежные вопросы