动态创建文本框，每次用户点击按钮时添加一个额外的文本框答案

【问题标题】：Dynamically create TextBoxes, adding an extra one each time the user clicks a button动态创建文本框，每次用户点击按钮时添加一个额外的文本框
【发布时间】：2014-01-30 04:56:49
【问题描述】：

我正在尝试在 ASP.NET 中动态创建文本框，但我的代码没有按我预期的方式工作...

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
public int TextBoxCount
{
    get
    {
        if (ViewState["tbCount"] == null)
        {
            ViewState["tbCount"] = 0;
        }
        return Convert.ToInt32(ViewState["tbCount"]);
    }
    set
    {
        int viewState = TextBoxCount;
        if (Int32.TryParse(value.ToString(), out viewState))
        {
            ViewState["tbCount"] = value;
        }
    }
}

protected void Page_Init(object sender, EventArgs e)
{
    if (TextBoxCount == 0)
    {
        AddTextBox();
    }
    else
    {
        RecreateTextBoxes();
    }
}

private void AddTextBox()
{
    TextBox tb = new TextBox();
    tb.ID = "tb" + TextBoxCount++;
    Panel1.Controls.Add(tb);
}

private void RecreateTextBoxes()
{
    for (int i = 0; i < TextBoxCount; i++)
    {
        TextBox tb = new TextBox();
        tb.ID = "tb" + i;
        Panel1.Controls.Add(tb);
    }
}

protected void btnAdd_Click(object sender, EventArgs e)
{
    AddTextBox();
}


protected void btnDisplayText_Click(object sender, EventArgs e)
{
    for (int i = 0; i < TextBoxCount; i++)
    {
        TextBox tb = (TextBox)Page.FindControl("Panel1").FindControl("tb" + i);

        if (tb != null)
        {
            lblText.Text += "," + tb.Text;
        }
    }
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Label ID="lblText" runat="server" />
<div>
    <asp:Panel ID="Panel1" runat="server">
    </asp:Panel>
</div>
<asp:Button ID="btnDisplayText" runat="server" Text="Display Text" onclick="btnDisplayText_Click" />
<asp:Button ID="btnAdd" runat="server" Text="Add" onclick="btnAdd_Click" />
</form>
</body>
</html>

我想要做的是每次用户单击btnAdd 按钮时动态创建一个新的文本框。然后，btnDisplayText 按钮应连接每个 TextBox 中的所有文本并将其显示在 lblText 中。

感谢您的帮助！

【问题讨论】：

你能告诉我们发生了什么吗？即使这不是你想要的？

标签： c# asp.net textbox

【解决方案1】：

使用

TextBox tb = (TextBox)Panel1.FindControl("tb" + i);

而不是

TextBox tb = (TextBox)Page.FindControl("Panel1").FindControl("tb" + i);

在btnDisplayText_Click.

另外，从TextBoxCount setter 中删除除ViewState["tbCount"] = value; 之外的所有代码。

更新：

ViewState 在Page_Init 中不可用。将您的 Page_Init 代码移至 Page_Load。

【讨论】：

感谢您的回复，但这仍然不起作用。我希望能够使用“添加”按钮添加无限文本框，此代码不会改变我原始代码的行为，因为当有两个文本框时，再次单击“添加”不会做任何事情。

【解决方案2】：

int TextBoxID=0;
TextBox textBox = new TextBox();

TextBox.ID="TextBox"+TextBoxID.ToString();

btnDisplayText.Text +=textBox.Text;

lblText.Text=btnDisplayText.Text;

TextBoxID++;

【讨论】：