zoukankan      html  css  js  c++  java
  • 【Asp.Net】后台生成控件并绑定事件

    在Asp.Net的Web页面处理流程中,有时候我们会碰到需要动态生成的控件,并为之绑定相应的事件。

      接下来我们来动态的生成一个控件

    复制代码
    //在用户代码初始化阶段添加控件
    protected void Page_Load(object sender, EventArgs e)
    {
          //声明控件对象
          Button newBtn=new Button();
          //指定控件属性
          newBtn.ID="btnConrol";
          newBtn.Text="我是动态生成的按钮";
          newBtn.Click+=new System.EventHandler(this.ShowMessage); 
          //在Asp.Net中,Asp控件需要放在有runat="server"标记的容器中
          form1.Controls.Add(newBtn);
    }
    
    //方法
    private void ShowMessage(object sender, EventArgs e)
    {
        Response.Write("<script>alert('我被点击啦')</script>");
    }
    复制代码

    我们在预览一下,可以看到被加进来的控件。

    点击按钮会出发初始化绑定的事件

    虽然控件已经动态生成,并且能成功绑定事件并触发事件,但是还是有点不理想。我们可以看到,每次动态生成的按钮都被加在了页面的最底部。

    这个是由web页面的机制决定,只有在页面被创建成功以后,动态生成的控件才会被加到页面,这就意味着新的控件会被加到页面的最底部。

    这个往往不是我们需要的效果,在实际需求中,我们需要在指定位置生成需要的控件。我们希望能更灵活的动态生成按钮,这个也很简单,借助PlaceHolder控件就能够轻松实现。

    复制代码
    <body>
        <form id="form1" runat="server">
        <div>
            <div>
                <asp:PlaceHolder ID="phTop" runat="server"></asp:PlaceHolder>
            </div>
            <div>
                <asp:Label ID="lblInfo" runat="server" Text=""></asp:Label>
            </div>
            <div>
                <asp:PlaceHolder ID="phMid" runat="server"></asp:PlaceHolder>
            </div>
            <asp:Button ID="BtnPage" runat="server" Text="页面控件" />
    
        </div>
        </form>
    </body>
    复制代码

    接下来我们在后台动态生成按钮

    复制代码
    protected void Page_Load(object sender, EventArgs e)
            {
                BtnPage.Click += new System.EventHandler(this.ShowMsg);
    
                Button topBtn = new Button();
                topBtn.ID = "topBtn";
                topBtn.Text = "顶部动态添加控件";
                topBtn.Click += new System.EventHandler(this.TopShowMsg);
                phTop.Controls.Add(topBtn);
    
                Button midBtn = new Button();
                midBtn.ID = "midBtn";
                midBtn.Text = "中间动态添加控件";
                midBtn.Click += new System.EventHandler(this.MidShowMsg);
                phMid.Controls.Add(midBtn);
            }
            //页面添加控件事件
            private void ShowMsg(object sender, EventArgs e)
            {
                lblInfo.Text = "固定添加控件";
            }
            private void TopShowMsg(object sender, EventArgs e)
            {
                lblInfo.Text = "顶部动态添加控件";
            }
            private void MidShowMsg(object sender, EventArgs e)
            {
                lblInfo.Text = "中间动态添加控件";
            }
    复制代码

    好了,点击生成,然后预览

    我们可以看到动态添加的按钮都被我们添加到特定的位置了

    点击按钮也可以触发事件

    好了,动态生成页面控件的笔记到这里就结束了。

    一点基础知识,高手勿喷~

     转自https://www.cnblogs.com/kaiserlee/p/4751016.html

  • 相关阅读:
    作用域 + this指向 的一道没面试题
    找出数组中最大的值
    统计数组中每个值出现的次数, 统计对象中每个字符出现的次数
    uniapp在h5 和 APP 端兼容性 bug 解决方案
    数组去重的常用方法,利用Promise实现函数按序执行
    momentjs实现距离当前时长并且回现中文效果
    SQL server 上机练习题
    JS 9
    JS 8
    JS 7
  • 原文地址:https://www.cnblogs.com/lidaying5/p/11098817.html
Copyright © 2011-2022 走看看