在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 = "中间动态添加控件"; }
好了,点击生成,然后预览
我们可以看到动态添加的按钮都被我们添加到特定的位置了
点击按钮也可以触发事件
好了,动态生成页面控件的笔记到这里就结束了。
一点基础知识,高手勿喷~