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

2018-06-17 19:37:01来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

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

点击按钮也可以触发事件

 

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

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:搭建一套自己实用的.net架构(3)【ORM-Dapper+DapperExtensions】

下一篇:WPF Canvas 画区域