如何删除动态添加的文本框？

Question

在我的代码隐藏中，我创建了一种动态添加 asp:Textbox 的方法

创建按钮操作以创建文本字段

List<string> controlIdList = new List<string>();
int counter = 0;
protected override void LoadViewState(object savedState)
{
    base.LoadViewState(savedState);
    controlIdList = (List<string>)ViewState["controlIdList"];
    foreach (string Id in controlIdList)
    {
        counter++;
        TextBox tb = new TextBox();
        tb.ID = Id;
        LiteralControl linebreak = new LiteralControl("<br />");
        LiteralControl openLI = new LiteralControl("<li>");
        LiteralControl closeLI = new LiteralControl("</li>");

        PlaceHolder1.Controls.Add(openLI);
        PlaceHolder1.Controls.Add(tb);
        PlaceHolder1.Controls.Add(closeLI);
        PlaceHolder1.Controls.Add(linebreak);
    }
}


protected void btnAddTextBox_Click(object sender, EventArgs e)
{
    foreach (Control control in PlaceHolder1.Controls)
    {               

        counter++;
        TextBox tb = new TextBox();
        tb.ID = "Textbox" + counter;

        LiteralControl linebreak = new LiteralControl("<br />");
        PlaceHolder1.Controls.Add(tb);
        PlaceHolder1.Controls.Add(linebreak);
        controlIdList.Add(tb.ID);
        ViewState["controlIdList"] = controlIdList;
    }
}

现在，当我尝试删除按钮时，所有发生的都是回发。控件不会被删除。这是我尝试过的：

已编辑 现在可以使用了，但是由于某种原因，第一次单击按钮时文本框没有删除，第二次单击文本框被删除

protected void btnRemoveTextBox_Click(object sender, EventArgs e)
{
    foreach (Control control in PlaceHolder1.Controls)
    {
        var tb = new TextBox();
        tb.ID = "Textbox" + counter;
        if ((control.ID == tb.ID.ToString()) && (control.ID != null))
        {
            controlIdList.Remove(tb.ID);
            ViewState["controlIdList"] = controlIdList;
        }
    }
}

Answer 1

您需要将数据包装在 更新面板 中，否则每次您的页面都必须转到服务器 Postback 会发生。这样当您的逻辑到达服务器时，您的删除逻辑确实可以在没有 Postback.

的情况下执行

您也可以简单地将控件可见性设置为 false。

另一种可能性是通过客户端完成大部分工作，这将与 .hide(); 或 .show(); 和 jQuery 一样简单。

另外请记住，您的方法会在维护 View State 时造成困难。建议解决方案的另一个问题是 更新面板 将页面存储在内存中，然后通过 Ajax.

重新创建它

<asp:UpdatePanel> 将是您需要避免 Postback.

老实说，你可以很简单地做到这一点：

... btnRemoveTextbox_Click(..., ...)
{
     txtDynamic.Visibility = false;
}

就像我说的，虽然你可以用服务器做到这一点，但你最好用 客户端 然后调用 Service .

重要提示：如果这些是您的 事件处理程序 名称，当您设计了两个单独的任务时，您不应该将两者都相同为了他们。

Update/Example

// Front-End:
<asp:ScriptManager ID="scmPage" runat="server" ></asp:ScriptManager>
<asp:UpdatePanel ID="updDemo" runat="server">
    <ContentTemplate>
        <asp:PlaceHolder ID="plhControl" runat="server"></asp:PlaceHolder>
        <asp:Button ID="btnCreateText" runat="server" Text="Create" OnClick="btnCreateText_Click" />
        <asp:Button ID="btnRemoveText" runat="server" Text="Remove" OnClick="btnRemoveText_Click" />
    </ContentTemplate>
</asp:UpdatePanel>

// Backend:
protected void btnCreateText_Click(object sender, EventArgs e)
{
    var text = new TextBox();
    text.ID = "txtDynamic";

    plhControl.Controls.Add(text);

}

protected void btnRemoveText_Click(object sender, EventArgs e)
{
    var text = new TextBox();
    text.ID = "txtDynamic";
    text.Visible = false;
}

这确实有效，我刚刚试过了。这里要注意一件事，你需要确保你有一个有效的 id 并填充正确的控件。

此代码非常粗糙，不适合生产，因为它适用于具有单个 ID 或包含验证的控件。您需要遍历控件，确保在尝试删除之前检测到并存在正确的 ID。您需要调试代码并进行验证。

Answer 2

您可以从占位符中删除文本框，如下所示：

protected void Remove(object sender, EventArgs e)
{
    foreach (Control control in PlaceHolder1.Controls)
    {
        //Here you need to take ID from ViewState["controlIdList"]
        if (control.ID == "TakeIDFromControlListsID")
        {
            Controls.Remove(control);
            control.Dispose();
        }
    }
 }

如何删除动态添加的文本框？

How do I remove my dynamically added textbox?

c#

asp.net

webforms