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

user1374985 发表于 Dev

用户1374985

在我的代码背后，我创建了一种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;
        }
    }
}

格雷格

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

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

另一种可能性是通过Client进行大量操作，这与jQuery一样简单.hide();或.show();与jQuery一样简单。

另外请记住，您的方法将在维护视图状态时造成困难。提出的解决方案的另一个问题是，更新面板将页面存储在内存中，然后通过Ajax重新创建它。

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

老实说，您可以像这样简单地进行操作：

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

就像我说的那样，尽管您可以使用服务器来执行此操作，但最好是通过Client Side然后再调用Service。

重要说明：如果这些是您的事件处理程序名称，那么当您为它们设计了两个单独的任务时，两个名称就不应相同。

更新/示例

// 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;
}