首页 > > 程序设计 > C/C++ >

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

2018-06-18 02:35:46来源：未知阅读 ()

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