当前位置:首页 > 教程 > ASP.NET > 怎样在ASP.NET页面中动态添加控件示例代码

怎样在ASP.NET页面中动态添加控件示例代码

我们是APS.NET 制作网页的时候,对于页面的元素通常会随着不同的逻辑显示不一样,那么怎样动态在ASP.NET页面中添加控件呢?下面就通过代码演示一下。

假设页面的元素是这样的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Button ID="createbutton" runat="server" Text="批量创建按钮" 
            onclick="createbutton_Click" /><asp:Button ID="displaybutton" 
            runat="server"  Text="显示动态按钮的信息" onclick="displaybutton_Click"/>
    <asp:Table ID="HolderTable"  runat="server"></asp:Table>
    </div>
    </form>
</body>
</html>

我们需要再Table控件中添加动态元素。用Table是因为它有行和列的概念,更易于布局设计。除了Table之外,还可以使用PlaceHolder控件或者Panel控件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
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,将使得页面失去作用

上面的代码就是在ASP.NET页面中动态添加控件示例代码,通过上面的例子你可以动态绑定ASP.NET 中.ASPX中的控件,从而达到根据不同的逻辑代码,显示不同的样式的目的。

  • << 你知道像马云一样成功的人士都有一个共...
  • 世界上最经典的10部电影(一) >>
  • 作者:
    除非注明,本文原创:知道91,欢迎转载!转载请以链接形式注明本文地址,谢谢。
    原文链接:http://www.zhidao91.com/asp-net-dynamic-add-controls/

    相关文章 近期热评 最新文章

    • oracle数据库相关操作注意事项
      修改Oracle SGA(共享内存) 很多网站说修改Oracle的内存通过命令 如果你这么做了,那么恭喜你,你的Oracle数据库无法启动了。如果你已经这么做了,恢复Oracle启动的方...
    • 使用微信JDK实现微信接口签名验证
      要使用微信的接口必须在绑定的域名下测试;签名必须先向微信请求到access_token,然后用access_token再去请求jsapi_ticket,最后用jsapi_ticket和相关的参数按照ASCII码...
    • ABP开发指南系列教程(2) – 多层架构...
      为了减少复杂性和提高代码的可重用性,采用分层架构是一种被广泛接受的技术。为了实现分层的体系结构,ABP遵循DDD(领域驱动设计)的原则,将工程分为四个层: 展现层(...
    • ABP开发指南系列教程(1) – 入...
      ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称。 ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应用程序的新起点,它旨在成为一个通用的WE...
    • Windows下 JIRA + Agile + Mysql 破解...
      本文讲述了Windows下 JIRA + Agile + Mysql 破解安装示例教程
    • c#类的构造函数继承关系示例剖析
      本文通过示例代码讲解了c#子类的构造函数与父类的关系,子类怎样集成父类的构造函数的。