zoukankan      html  css  js  c++  java
  • 在ASP.NET页面中动态添加控件

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

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

    页面文件:

    <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控件

    代码文件:

    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

    【注意】

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

  • 相关阅读:
    JavaScript之正则表达式(2)
    JavaScript之正则表达式(1)
    交换两个变量的值,不借助第三个变量的 三种方法(JS实现)
    网络基础之 OSI七层模型
    jq获取被选中的option的值。jq获取被选中的单选按钮radio的值。
    常见的XSS攻击代码
    php缓存模块apc可能导致php-fpm终止
    Flex布局:实现左右两列自伸缩撑满效果的
    linux系统莫名被黑的诡异经历
    谈谈我对php通信的理解及人生小感
  • 原文地址:https://www.cnblogs.com/chenxizhang/p/1460544.html
Copyright © 2011-2022 走看看