动态创建的控件在回发后丢失数据

Question

实际上，我在Pageload上创建 1 TextBox并将该TextBox添加到Panel 。 现在，我有一个像Add Another这样的LinkButton 。

我正在该TextBox输入文本，如果需要，我需要通过单击Add Another LinkButton链接按钮来创建新TextBox 。

实际上，我能够获得计数并重新创建TextBoxes 。 但是，问题是，我在以前生成的Textboxes输入的文本丢失了。

任何人都可以，建议我解决这个问题吗？

protected void Page_Load(object sender, EventArgs e)
    {
        try
        {
            if (!IsPostBack)
            {
                for (int i = 0; i < 5; i++)
                {
                    TableRow row = new TableRow();
                    for (int j = 0; j < 5; j++)
                    {
                        TableCell cell = new TableCell();
                        TextBox tb = new TextBox();                        
                        tb.ID = "TextBoxRow_" + i + "Col_" + j;                        
                        cell.Controls.Add(tb);                        
                        row.Cells.Add(cell);
                    }                    
                    Table1.Rows.Add(row);
                }
            }
        }
        catch (Exception ex)
        {
            throw;
        }        
    }

这是一个示例代码，同样的代码也写在Button_Click

 protected void ASPxButton1_Click(object sender, EventArgs e)
    {
 int k = Table1.Controls.Count;
}

我在Button_Click上得到一个Count=0 。

Answer 1

您需要做的就是在回发期间每次在页面加载事件之前或之内重新实例化/重新初始化动态控件，并将此控件添加到页面/表单/占位符。 然后，通过父控件调用 LoadPostData 方法，将发布的数据自动分配给控件。

查看文章以及如何编写动态控件的代码 - 如何在asp.net 中回发期间维护动态控件事件、数据

Answer 2

使用动态控件时，您必须记住它们只会存在到下一次回发。ASP.NET 不会重新创建动态添加的控件。 如果您需要多次重新创建控件，您应该在 PageLoad 事件处理程序中执行控件创建（因为目前您只是第一次使用 Condition: !IsPostabck 创建 TextBox）。 这有一个额外的好处，即允许您将视图状态与动态控件一起使用。 即使视图状态通常在 Page.Load 事件之前恢复，如果在 PageLoad 事件的处理程序中创建控件，ASP.NET 将在 PageLoad 事件处理程序结束后应用它拥有的任何视图状态信息。

因此，删除条件：!IsPostback，以便每次加载页面时，还会创建 TextBox 控件。 您还将看到在 PageLoad 处理程序完成后保存的文本状态框。 [显然你没有禁用ViewState！！！ ]

例子：

protected void Page_Load(object sender, EventArgs e)
{

    TextBox txtBox = new TextBox();
    // Assign some text and an ID so you can retrieve it later. 

    txtBox.ID = "newButton";
    PlaceHolder1.Controls.Add(txtBox);

}

现在运行它后，在文本框中输入任何内容，看看当您单击任何导致回发的按钮时会发生什么。 文本框仍然保持其状态！！！

Answer 3

动态生成的控件不保持状态。 你必须自己维护它。 您可以使用一些隐藏字段来保持控件的状态，这些字段将在服务器端用于提取状态。 Asp.net 使用隐藏字段来维护请求之间的状态，你可以在源码中看到__VIEWSTATE 。

在 ASP.NET 页面中，视图状态表示页面上次在服务器上处理时的状态。 它用于构建调用上下文并在同一页面的两个连续请求中保留值。 默认情况下，使用添加到页面的隐藏字段将状态保留在客户端上，并在处理页面请求之前在服务器上恢复。 视图状态与页面本身一起来回移动，但不表示或包含与客户端页面显示相关的任何信息，参考。

Answer 4

只需删除此行

 if (!IsPostBack)

Answer 5

这是我在使用 Dynamic Controls 进行大量工作后的最终答案

.aspx

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div style="text-align: center">
    <div style="background-color: Aqua; width: 250px;">
    <br />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:PlaceHolder runat="server" ID="myPlaceHolder"></asp:PlaceHolder>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnAddTextBox" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
    <br />
    </div>
    <br />
    <asp:Button ID="btnAddTextBox" runat="server"  Text="Add TextBox" OnClick="btnAddTextBox_Click" />
    <br /><br />
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <asp:Button runat="server" ID="MyButton" Text="Get Values." OnClick="MyButton_Click" />
            <br /><br />
            <asp:Label runat="server" ID="MyLabel"></asp:Label>
        </ContentTemplate>
    </asp:UpdatePanel>
 </div>
</form>

.aspx.cs

static int myCount = 0;
    private TextBox[] dynamicTextBoxes;

    protected void Page_PreInit(object sender, EventArgs e)
    {
        Control myControl = GetPostBackControl(this.Page);

        if ((myControl != null))
        {
            if ((myControl.ClientID.ToString() == "btnAddTextBox"))
            {
                myCount = myCount + 1;
            }
        }
    }

    protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);
        dynamicTextBoxes = new TextBox[myCount];
        int i;
        for (i = 0; i < myCount; i += 1)
        {
            TextBox textBox = new TextBox();
            textBox.ID = "myTextBox" + i.ToString();
            myPlaceHolder.Controls.Add(textBox);
            dynamicTextBoxes[i] = textBox;
            LiteralControl literalBreak = new LiteralControl("<br />");
            myPlaceHolder.Controls.Add(literalBreak);
        }
    }

    protected void btnAddTextBox_Click(object sender, EventArgs e)
    {
        // Handled in preInit due to event sequencing.
    }

    protected void MyButton_Click(object sender, EventArgs e)
    {
        MyLabel.Text = "";
        foreach (TextBox tb in dynamicTextBoxes)
        {
            MyLabel.Text += tb.Text + " :: ";
        }
    }

    public static Control GetPostBackControl(Page thePage)
    {
        Control myControl = null;
        string ctrlName = thePage.Request.Params.Get("__EVENTTARGET");
        if (((ctrlName != null) & (ctrlName != string.Empty)))
        {
            myControl = thePage.FindControl(ctrlName);
        }
        else
        {
            foreach (string Item in thePage.Request.Form)
            {
                Control c = thePage.FindControl(Item);
                if (((c) is System.Web.UI.WebControls.Button))
                {
                    myControl = c;
                }
            }
        }
        return myControl;
    }

Answer 6

当您使用动态控件时，它们将无法在回发期间保持其状态并且它们的数据丢失，因为它们没有任何视图状态来维护其数据。

您只需要在回发时将创建的控件数据动态维护到 ViewState 中，然后将数据加载到页面中即可。

public Dictionary<Guid, string> UcList
{
    get { return ViewState["MyUcIds"] != null ? (Dictionary<Guid, string>)ViewState["MyUcIds"] : new Dictionary<Guid, string>(); }
    set { ViewState["MyUcIds"] = value; }
}

public void InitializeUC()
{
    int index = 1;
    foreach (var item in UcList)
    {
        var myUc = (UserControls_uc_MyUserControl)LoadControl("~/UserControls/uc_MyUserControl.ascx");
        myUc.ID = item.Value;
        pnlMyUC.Controls.AddAt(index, myUc);
        index++;
    }
}

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
        LoadControl();
    else
        InitializeUC();
}

Answer 7

实际上，我已经使用 Javascript 来完成我的任务。 它是这样的：

<form id="form1" runat="server" enctype="multipart/form-data" method="post">
        <span style="font-family: Arial">Click to add files</span>&nbsp;&nbsp;
        <input id="Button1" type="button" value="add" onclick="AddFileUpload()" />
        <br />
        <br />
        <div id="FileUploadContainer">
            <!--FileUpload Controls will be added here -->
        </div>
        <asp:HiddenField ID="HdFirst1" runat="server" Value="" />
        <br />
        <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" />
    </form>

脚本 ：

 <script type="text/javascript">
        var counter = 0;

        function AddFileUpload() {

            var div = document.createElement('DIV');
            div.innerHTML = '<input id="file' + counter + '"name = "file' + counter + '"type="text"/><input id="file' + counter + '" name = "file' + counter + '" type="file" /><input id="Button' + counter + '" type="button" value="Remove" onclick = "RemoveFileUpload(this)" />';

            document.getElementById("FileUploadContainer").appendChild(div);
            counter++;
        }
        function RemoveFileUpload(div) {
            document.getElementById("FileUploadContainer").removeChild(div.parentNode);
        }

        function mydetails(div) {
            var info;
            for (var i = 0; i < counter; i++) {
                var dd = document.getElementById('file' + i).value;
                info = info + "~" + dd;
            }
            document.getElementById('<%= HdFirst1.ClientID %>').value = info;
        }
    </script>

并在 Upload_Click 按钮中：

for (int i = 0; i < Request.Files.Count; i++)
        {           
           string strname = HdFirst1.Value;
           string[] txtval = strname.Split('~');
            HttpPostedFile PostedFile = Request.Files[i];
            if (PostedFile.ContentLength > 0)
            {
                string FileName = System.IO.Path.GetFileName(PostedFile.FileName);
               // string textname=
                //PostedFile.SaveAs(Server.MapPath("Files\\") + FileName);
            }
        }