Question

以下代码块允许用户动态创建文本框控件。但是，在每次创建时，我都想添加一个删除按钮来删除特定的文本框。我知道我可以通过在创建文本框时添加按钮控件来执行此操作，并将事件分配给相关按钮。但是，这样的行为会导致不方便的情况，例如当您删除文本框时，它有时会删除最后一个文本框，有时它会成功执行。我的问题是如何在创建的每个文本框附近添加一个按钮，让用户在保留所有其他动态控件的同时删除创建的控件？

首页：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DynamicControls.aspx.cs" Inherits="MyAspnetApp.DynamicControls" EnableViewState="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"></head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="btnAddTextBox" runat="server" Text="Add" OnClick="btnAddTextBox_Click" />
        <asp:Button ID="btnWriteValues" runat="server" Text="Write" OnClick="btnWriteValues_Click" />
        <asp:PlaceHolder ID="phControls" runat="server" />
    </div>
    </form>
</body>
</html>

代码背后：

using System;
using System.Web.UI.WebControls;

namespace MyAspnetApp
{
    public partial class DynamicControls : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //Recreate textbox controls
            if(Page.IsPostBack)
            {
                for (var i = 0; i < TextBoxCount; i++)
                    AddTextBox(i);
            }
        }

        private int TextBoxCount
        {
            get 
            {
                var count = ViewState["txtBoxCount"];
                return (count == null) ? 0 : (int) count;
            }
            set { ViewState["txtBoxCount"] = value; }
        }

        private void AddTextBox(int index)
        {
            var txt = new TextBox {ID = string.Concat("txtDynamic", index)};
            txt.Style.Add("display", "block");
            phControls.Controls.Add(txt);
        }

        protected void btnAddTextBox_Click(object sender, EventArgs e)
        {
            AddTextBox(TextBoxCount);
            TextBoxCount++;
        }

        protected void btnWriteValues_Click(object sender, EventArgs e)
        {
            foreach(var control in phControls.Controls)
            {
                var textBox = control as TextBox;
                if (textBox == null) continue;
                Response.Write(string.Concat(textBox.Text, "<br />"));
            }
        }
    }
}

Answer 1

如果您想在ASP.NET中动态添加和删除控件，必须阅读Dave Reed关于它的优秀且权威的文章：“{{3 }}”。

如果您不理解所涉及的问题 - 例如必须在每次向页面发出请求时完全重建树控件的任务 - 那么您就注册了一个痛苦的世界。一旦你理解了这些问题，你将成为一个更好的ASP.NET开发人员（至少我是）。祝好运！基思

Answer 2

我已经解决了这个问题。诀窍是让它不可见，而不是在用户点击删除按钮时删除控件。

Answer 3

我建议你不要通过Full PostBack这样做。你最好用Javascript 隐藏它的客户端。

如果您需要保存一些“状态”服务器端，请使用AJAX Postbacks AKA XHR与服务器进行通信。（我只是讨厌页面轻弹，LOL）

顺便说一下，对于这类东西来说，这是一个完美的fwk： http://examples.ext.net/#/Events/DirectMethods/Overview/

Answer 4

<asp:repeater>可能是您正在搜索的内容。然后删除按钮的单击处理程序将只删除父项（这将删除整个重复元素），添加处理程序将添加另一个元素。

如何在asp.net中删除动态创建的文本框？

4 个答案: