在ASP_NET页面中动态添加控件 - 陈希章 - 博客园

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

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

页面文件:

<html xmlns="http://www.w3.org/1999/xhtml%22 >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Button ID="createbutton" runat="server" Text="批量创建按钮"
            οnclick="createbutton_Click" /><asp:Button ID="displaybutton"
            runat="server"  Text="显示动态按钮的信息" οnclick="displaybutton_Click"/>
    <asp:Table ID="HolderTable"  runat="server"></asp:Table>
    </div>
    </form>
</body>
</html>

----上面的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. 第一次打开页面时

image

2。点击“批量创建按钮”后

image

3. 点击“显示动态按钮的信息”后

image

4. 点击下面100个按钮中任意一个之后

image

【注意】

动态创建控件的行为也可以移动到用户控件里面。上述代码不需要任何改动即可实现。

 
2048110
 

这段代码:
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);
}
}
}
貌似这样可以实现:
protected voiddisplaybutton_Click(object sender, EventArgs e)
{
Button buttons = (Button)sender;
Response.Write(buttons.Text);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值