我想创建控件并将它们放置在我想要的位置编程式

Question

我有下面的FormReport.aspx。我想创建div class = employeebox>中的内容的副本，但是在addrow_clic是点击时以编程方式创建副本？任何帮助，将不胜感激

FormReport.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="FormReport.aspx.cs" Inherits="Tardy_Absentee_Report.FormReport" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> 

<style type="text/css"> 
    #headerform 
    { 
     height: 56px; 
    } 
    #Div1 
    { 
     height: 70px; 
    } 
    .colum-left 
    { 
     width: 122px; 
    } 
    .colum-cenleft2 
    { 
     width: 344px; 
    } 
    .employeebox 
    { 
     height: 37px; 
    } 
</style> 

</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<fieldset> 
<legend>Supervisor information </legend> 
<div class="row"> 
    <div class="column-left">Supervisor Name:<span></span> </div> 
    <div class="column-cenleft"> 
     <asp:TextBox ID="txtsupervisorname" runat="server" Width="103px"></asp:TextBox></div> 
    <div class="column-cenright"><span>Department:</span></div> 
    <div class="column-right"> 
     <asp:DropDownList ID="DDownDepartment" runat="server" Height="24px" Width="154px"> 
     </asp:DropDownList> 

    </div> 
</div> 

<div class="row"> 
    <div class="column-left">Supervisor Number:<span></span> </div> 
    <div class="column-cenleft"> 
     <asp:TextBox ID="txtSupervisorNumber" runat="server" Width="103px"></asp:TextBox></div> 
    <div class="column-cenright"><span>Date of Incident:</span></div> 
    <div class="column-right"> 
     <asp:TextBox ID="txtDate" runat="server"></asp:TextBox></div> 
</div> 
</fieldset> 

<fieldset> 
<legend> Employee Information</legend>  
<div id="EmployeeInfo"> 
    <div class="column-left2"><span>Employee Number</span></div> 
    <div class="column-left2"><span>Employee Name</span></div> 
    <div class="colum-left2"><span>Reason Code</span></div> 
</div> 

<div class="employeebox"> 

<div class="column-left2"><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></div> 
<div class="column-left2"> 
    <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></div> 
<div class="column-left2"> 
    <asp:DropDownList ID="DDownResoncode1" runat="server" Width="153px"> 
    </asp:DropDownList> 
</div>  
</div> 

<div class="employeebox"> 
<div class="column-left2"><asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></div> 
<div class="column-left2"> 
    <asp:TextBox ID="TextBox8" runat="server"></asp:TextBox></div> 
<div class="column-left2"> 
    <asp:DropDownList ID="DDownResoncode2" runat="server" Height="20px" Width="153px">  
</asp:DropDownList></div>  
</div> 

<div class="employeebox"> 
<div class="column-left2"><asp:TextBox ID="TextBox10" runat="server"></asp:TextBox></div> 
<div class="column-left2"> 
    <asp:TextBox ID="TextBox11" runat="server"></asp:TextBox></div> 
<div class="column-left2"> 
    <asp:DropDownList ID="DDownResoncode3" runat="server" Width="153px"></asp:DropDownList> 
</div>  
</div> 

<div class="employeebox"> 
    <div class="column-left2"><asp:TextBox ID="TextBox13" runat="server"></asp:TextBox></div> 
    <div class="column-left2"> 
    <asp:TextBox ID="TextBox14" runat="server"></asp:TextBox></div> 
    <div class="column-left2"> 
     <asp:DropDownList ID="DDownResoncode4" runat="server" Height="16px" Width="153px">  
</asp:DropDownList> 
    </div>  
</div> 
<div style="height: 33px"> 
    <asp:Button ID="addrow" runat="server" Text="AddRow" onclick="addrow_Click" />  
</div> 

<div> 
    <asp:Button ID="Button1" runat="server" Text="Submit" onclick="Button1_Click" /> 
</div> 

</fieldset> 



</asp:Content> 

FormReport.aspx.cs

protected void addrow_Click(object sender, EventArgs e) 
    { 
     TextBox newtextbox = new TextBox(); 
     Panel panel1 = new Panel(); 
     panel1.Controls.Add(panel1); 
    }  

Answer 1

您可以使用HtmlGenericControl创建内部面板股利或添加父面板内的面板

并添加一个可以使用control.Style.Add（“style”，“value”）的样式

ASPX： 或者您可以使用占位符

C＃

protected void addrow_Click(object sender, EventArgs e) 
{ 
    Panel pnlEmployeeBox = new Panel(); 
    pnlEmployeeBox.CssClass = "pnlEmployeeBox"; 

    HtmlGenericControl columnLeft2= new HtmlGenericControl("div"); 
columnLeft2.CssClass = "column-left2"; 
     TextBox txt1 = new TextBox(); 
columnLeft2.Controls.Add(txt1); 

pnlEmployeeBox.Controls.Add(columnLeft2); 

columnLeft2 = new HtmlGenericControl("div"); 

     txt1 = new TextBox(); 

    pnlEmployeeBox.Controls.Add(columnLeft2); 

// and same goes for the dropdown list 


}