Question

我以编程方式添加面板（我将此面板块称为更好理解）到另一个面板。这些块中的每一个都包含一个标题，一个用于向块添加文本框的按钮和一个盯着文本框。

这是我用来添加文本框的事件：

/// <summary>
/// Adds a text box to the button's parent
/// </summary>
protected void AddLabel_Click(object sender, EventArgs e)
{
    Button senderButton = (Button)sender;
    string parentId = senderButton.ID.Replace("_button","");
    Panel parent = (Panel)FindControl(update_panel, parentId);

    parent.Controls.Add(new TextBox
    {
        CssClass = "form-control canvas-label",
        ID = parent.ID + "_label" + parent.Controls.OfType<TextBox>().Count<TextBox>()
    });
}

但是，每次添加文本框时，我刚创建的文本框都会被删除

编辑这就是我最终解决的问题（感谢Don）：

1）保留文本框列表

Dictionary<string, List<string>> BlocksLabels
{
    get
    {
        if (ViewState["BlockLabels"] == null)
            ViewState["BlockLabels"] = new Dictionary<string, List<string>>();

        return ViewState["BlockLabels"] as Dictionary<string, List<string>>;
    }
    set { ViewState["BlockLabels"] = value; }
}

2）在创建块的方法中（从Page_Load调用）：

if (BlocksLabels.ContainsKey(block.ID))
{
    foreach (string label in BlocksLabels[block.ID])
        block.Controls.Add(new TextBox { ID = labelId });
}
else
{
    // Add one empty canvas label by default
    string labelId = block.ID + "_label0";
    BlocksLabels[block.ID] = new List<string>();
    BlocksLabels[block.ID].Add(labelId);
    block.Controls.Add(new TextBox { ID = labelId });
}

3）最后，如果添加了新的文本框

Button senderButton = (Button)sender;
string parentId = senderButton.ID.Replace("_button", "");
Panel targetBlock = (Panel)FindControl(update_panel, parentId);

string labelId = targetBlock.ID + "_label" + BlocksLabels[targetBlock.ID].Count;
BlocksLabels[targetBlock.ID].Add(labelId);
targetBlock.Controls.Add(new TextBox { ID = labelId });

Answer 1

在ASP.NET中，如果以编程方式创建控件，则需要在回发期间再次重新创建该控件。

因此，您的案例中的解决方案是存储创建的控件的ID列表，并在回发期间重新创建它们（最好是在pageload事件中）。

这是页面控件树与存储的视图状态对齐的必要条件。

Answer 2

请参阅以下代码：

<asp:HiddenField runat="server" ID="hdnTbCnt" Value="0" />
<asp:Panel runat="server" ID="panel1">
</asp:Panel>
<asp:Button Text="Add TextBox" runat="server" OnClick="AddTextBox_Click" />

代码隐藏：

protected void Page_Load(object sender, EventArgs e)
{
    if (IsPostBack)
    {
        int tbCnt = Convert.ToInt32(hdnTbCnt.Value);

        for (int i = 1; i <= tbCnt; i++)
        {
            var tb = new TextBox()
            {
                ID = string.Format("txt{0}", i)
            };

            panel1.Controls.Add(tb);
        }
    }
}

protected void AddTextBox_Click(object sender, EventArgs e)
{
    int tbCount = Convert.ToInt32(hdnTbCnt.Value);

    var tb = new TextBox()
    {
        ID = string.Format("txt{0}", tbCount + 1)
    };

    panel1.Controls.Add(tb);

    hdnTbCnt.Value = (tbCount + 1).ToString();
}

动态添加TextBoxes以动态添加面板

2 个答案: