【Asp.Net】后台生成控件并绑定事件

时间 2019-12-11

标签 Asp.Net 后台生成控件绑定事件栏目 ASP 繁體版

原文原文链接

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

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

//在用户代码初始化阶段添加控件
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>");
}

咱们在预览一下，能够看到被加进来的控件。spa

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

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

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

这个每每不是咱们须要的效果，在实际需求中，咱们须要在指定位置生成须要的控件。咱们但愿能更灵活的动态生成按钮，这个也很简单，借助PlaceHolder控件就可以轻松实现。server

<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 = "中间动态添加控件";
        }

好了，点击生成，而后预览blog

咱们能够看到动态添加的按钮都被咱们添加到特定的位置了事件

点击按钮也能够触发事件

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

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