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

时间:2013-07-11 09:02:19

标签: c# asp.net .net runtime

实际上,我正在TextBox上创建1 Pageload并将TextBox添加到Panel。 现在,我有LinkButton Add Another

我正在TextBox中输入文字,如果需要,我需要点击TextBox创建新Add Another LinkButton

实际上,我可以获得计数并重新创建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;
}

我在Count=0上收到Button_Click

7 个答案:

答案 0 :(得分:16)

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

检查文章以及如何编写动态控制代码 - 的 How to maintain dynamic control events, data during postback in asp.net

enter image description here

答案 1 :(得分:14)

使用动态控件时,必须记住它们只会在下一次回发之前存在.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);

}

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

答案 2 :(得分:7)

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

  

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

答案 3 :(得分:4)

只需删除此行

即可
 if (!IsPostBack)

答案 4 :(得分:3)

  

在动态控制

之后,这是我的最终答案

<强>的.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;
    }

答案 5 :(得分:1)

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

您只需要将创建的控件数据保存到ViewState中 动态并在回发时将数据加载到页面中 完成。

'}}

在这里,您可以找到有关动态控件的回发和回发的最佳理解。 Retain dynamic control values in every postback or event click

enter image description here

答案 6 :(得分:0)

实际上,我使用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);
            }
        }