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

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

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

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

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

另请记住，您的方法会给维护 View 状态带来困难。提议的解决方案的另一个问题是，更新面板 将页面存储在内存中，然后通过 Ajax 重新创建它。

<asp:UpdatePanel>将是您避免回发所需要的。

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

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

正如我所说，虽然您可以使用服务器执行此操作，但使用客户端可能会更好，然后调用服务。

重要提示:如果这些是您的事件处理程序名称，那么当您为它们设计了两个单独的任务时，您不应该让它们完全相同。

---

更新/示例

// 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。您需要调试代码并进行验证。