在ASP.NET页面中动态添加控件

https://www.cnblogs.com/chenxizhang/archive/2009/05/19/1460544.html

今天被问到如何在ASP.NET 页面中动态创建一批控件,并且希望在后续代码中能访问到这些动态创建的控件。我用下面的例子来解释这个问题

=================================================================================

页面文件:

----上面的Table是用来存放动态控件的,用Table是因为它有行和列的概念,更易于布局设计。除了Table之外,还可以使用PlaceHolder控件或者Panel控件

代码文件:

public partial class _Default : System.Web.UI.Page
{

protected override void OnLoad(EventArgs e)
{
    CreateControl();
}

protected void createbutton_Click(object sender, EventArgs e)
{
    if (ViewState["CreateControl"] == null)
    {
        ViewState["CreateControl"] = true;
        CreateControl();
    }
}

void CreateControl() {
    ///批量创建100个按钮
    ///

    if (ViewState["CreateControl"]==null) return; //第一次的时候应该不要创建这些控件

    for (int x = 0; x < 10; x++)
    {
        TableRow row = new TableRow();
        for (int y = 0; y < 10; y++)
        {
            TableCell cell = new TableCell();

            Button bt = new Button();
            bt.Text = string.Format("  x={0},y={1}  ", x, y);
            bt.Click += new EventHandler(bt_Click);
            cell.Controls.Add(bt);

            row.Cells.Add(cell);
        }

        HolderTable.Rows.Add(row);
    }
}

void bt_Click(object sender, EventArgs e)
{
    Trace.Write("控件动态事件");
    ((Button)sender).BackColor = System.Drawing.Color.Red;
    Response.Write(string.Format("你点击了该按钮:{0}", ((Button)sender).Text));
}

/// <summary>
/// 显示动态创建的控件的信息
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void displaybutton_Click(object sender, EventArgs e)
{
    for (int x = 0; x < 10; x++)
    {
        TableRow row = HolderTable.Rows[x];
        for (int y = 0; y < 10; y++)
        {
            Button bt = (Button)row.Cells[y].Controls[0];
            Response.Write(bt.Text);
        }
    }
}

}

----这里的关键点在于,必须在Page_Load事件中每次都调用创建控件的代码。这与我们一般的理解是不一样的。

  1. 首先讲为什么要?因为这些控件是动态添加的,在页面的源文件中并没有。所以PostBack回来之后重新构建页面时,非得再次创建。

  2. 这样做难道不会重复创建吗?不会,因为每次都重新构建了,其实原先的控件都消失了。

  3. 那么,重新构建之后控件的状态怎么保存的?这是通过ViewState自动保存的。

--在动态创建控件的页面上,如果禁用ViewState,将使得页面失去作用

测试效果:

  1. 第一次打开页面时
posted @ 2022-03-02 17:24  乌卡拉卡  阅读(555)  评论(0编辑  收藏  举报