如何动态地向表格单元格添加行

本文关键字:表格 单元格 添加行 何动态 动态 | 更新日期: 2023-09-27 18:15:44

我有这个:

<asp:Table id="tbl_Items" runat="server">
</asp:Table>
<asp:Button ID="btn_AddNewItemField" runat="server" Text="Add New Item" 
    onclick="btn_AddNewItemField_Click" />

PageLoad()中添加一行:

            TableRow row = new TableRow();
            TableCell c1 = new TableCell();
            c1.Controls.Add(new TextBox());
            TableCell c2 = new TableCell();
            c2.Controls.Add(new DropDownList());
            row.Cells.Add(c1);
            row.Cells.Add(c2);
            this.tbl_Items.Rows.Add(row);

这是可行的。
但是当我点击按钮添加新行时,我将其称为相同的代码,代码没有错误,但什么也没有发生。没有错误,没有行,什么都没有。我做错了什么?

如何动态地向表格单元格添加行

您需要的是一点State管理试试这个

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            AddRow(true);
        else
            AddRows();
    }
    protected void btn_AddNewItemField_Click(object sender, EventArgs e)
    {
        AddRow(true);
    }
    void AddRow(bool addCounter)
    {
        TableRow row = new TableRow();
        TableCell c1 = new TableCell();
        c1.Controls.Add(new TextBox());
        TableCell c2 = new TableCell();
        c2.Controls.Add(new DropDownList());
        row.Cells.Add(c1);
        row.Cells.Add(c2);
        this.tbl_Items.Rows.Add(row);
        if (addCounter)
        {
            if (ViewState["rowCount"] == null)
                ViewState["rowCount"] = 1;
            else
            {
                int count = ((int)ViewState["rowCount"]);
                ViewState["rowCount"] = ++count;
            }
        }
    }
    void AddRows()
    {
        if (ViewState["rowCount"] == null)
            return;
        int count = ((int)ViewState["rowCount"]);
        for (int i = 1; i <= count; i++)
        {
            AddRow(false);
        }
    }

编辑:位置不会改变任何东西,我认为你有一些其他的错误;试试这个(这对我有用):

<asp:Table id="tbl_Items" runat="server"></asp:Table>
<asp:Button ID="btn_AddNewItemField" runat="server" Text="Add New Item" />
    protected void Page_Load(object sender, EventArgs e)
    {
        TableRow row = new TableRow();
        TableCell c1 = new TableCell();
        c1.Controls.Add(new TextBox());
        TableCell c2 = new TableCell();
        c2.Controls.Add(new DropDownList());
        row.Cells.Add(c1);
        row.Cells.Add(c2);
        this.tbl_Items.Rows.Add(row);
        btn_AddNewItemField.Click += new EventHandler(btnAddNewItemFieldClick);
    }
    void btnAddNewItemFieldClick(object sender, EventArgs e)
    {
        throw new NotImplementedException();
    }

Page_Load的代码是什么?这可能是由于"回发"的问题。当你点击一个按钮时,代码会返回到"Page_load"函数。

尝试使用"if (!IsPostBack){}"在你的Page_Load函数中以避免问题。

这样的

.

Public void Page_Load()
{
     if(!IsPostBack)
     {
        //....Your code
     }
}