如何通过单击按钮添加新的ASP.NET表行?

时间:2012-12-02 23:11:53

标签: c# asp.net

我正在使用asp.net [c#] ..

我的问题是关于添加新行;如果我点击那个按钮(就像每次点击那个按钮一样,它会添加新行) 我觉得它很容易做到......但它并不存在。有些东西不见了,我不知道是什么。

我的代码是[Default3.aspx]:

<%@ Page Language="C#" AutoEventWireup="true"
    CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div align="center">     

<asp:Table ID="Table1" runat="server">
    <asp:TableRow>
        <asp:TableCell style="border-style:solid" >
           <asp:Label ID="Label1" runat="server" Text="LABEL = 1 ">
           </asp:Label>
        </asp:TableCell>
        <asp:TableCell style="border-style:solid" >
           <asp:Label ID="Label2" runat="server" Text="LABEL = 2 ">
           </asp:Label>
        </asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell style="border-style:solid" >
           <asp:Label ID="Label3" runat="server" Text="LABEL = 3 ">
           </asp:Label>
        </asp:TableCell>
        <asp:TableCell style="border-style:solid" >
           <asp:Label ID="Label4" runat="server" Text="LABEL = 4 ">
           </asp:Label>
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

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

</body>
</html>

和我的C#[Default3.aspx.cs]:

protected void Button1_Click(object sender, EventArgs e)
{

    TableRow NewRow1 = new TableRow();

    //1st cell
    TableCell NewCell1 = new TableCell();
    NewCell1.Style.Add("border-style","solid");

    // new lebel
    Label newLable1 = new Label();
    count = count + 1; // just for change number in label text 
    newLable1.Text = "NewLabel = "+ count;

    // adding lebel into cell
    NewCell1.Controls.Add(newLable1);

    // adding cells to row
    NewRow1.Cells.Add(NewCell1);

    //2ed cell
    TableCell NewCell2 = new TableCell();
    NewCell2.Style.Add("border-style", "solid");

    Label newLable2 = new Label();
    count = count + 1;
    newLable2.Text = "NewLabel = " + count;
    NewCell2.Controls.Add(newLable2);
    NewRow1.Cells.Add(NewCell2);

    //adding row into table
    Table1.Rows.Add(NewRow1);


}

我不知道问题是什么..我甚至给每个控件一个ID ..我尝试了其他方法,但没有工作..

如果有人能帮助我的话......我觉得我错过了一些重要但我不知道它是什么......

3 个答案:

答案 0 :(得分:2)

您需要保持控件的状态(表格)。

在此ASP.NET dynamically created controls and Postback

中查看非常类似问题的明确解释

答案 1 :(得分:2)

Walid's answer中分享的问题中所述,请按以下步骤操作:

  1. 创建表行的全局列表,如:

    List<TableRow> TableRows
    
  2. 在按钮中,单击“将新创建的行添加到列表:

    TableRow row1=new TableRow();
    TableRows.add(row1);
    
  3. OnInit方法中,只需将所有行添加到表中:

    foreach ( TableRow row in TableRows )
    {
        Table1.Rows.Add(row);
    }
    
  4. 它将解决您的问题。

答案 2 :(得分:0)

您只需使用以下内容添加行:

TableRow row1=new TableRow();
TableRows.add(row1);

但关注的是:

  1. 单击按钮,表格中会添加一行。
  2. 再次单击相同的按钮,然后您已创建的第一行不再保留,因为ASP.NET是无状态的。
  3. 解决方案:确保在每次按下按钮时,您已创建的行数据都存在。