大多数情况下,我们在制作asp.net页面的时候,都是使用静态的形式将web服务器控件添加到页面中的,这种方法能满足大部分的需要。在本文中,我们主要讨论如何在web页面中动态生成控件并添加到指定位置,然后设置控件的相关属性,触发相关的事件。
本程序中,我们打算在页面上动态生成三个控件,一个表格,一个文本框,一个标签。当文本框失去焦点时,标签将显示文本框中的内容;程序运行的时候,文本框中有一段提示文字(“输入结束后请按tab键”),当鼠标经过该文本框时,自动清除提示文字。以上是本程序的功能介绍。
2、 切换到html视图,添加一个两行一列的表格。
3、 在表格的第一行和第二格各放一个placeholder控件,并采用默认名称。该控件在工具箱的web窗体选项卡中可以找到,placeholder web 服务器控件使您可以将空容器控件放置到页内,然后在运行时动态添加、移除。该控件只呈现其子元素。
4、 不多说了,所有源码贴出来,我作了比较详细的注释:
using system.collections;
using system.componentmodel;
using system.web.sessionstate;
using system.web.ui.webcontrols;
using system.web.ui.htmlcontrols;
public class webform1 : system.web.ui.page
protected system.web.ui.webcontrols.placeholder placeholder1;
protected system.web.ui.webcontrols.placeholder placeholder2;
private label label=new label();
private textbox textbox=new textbox();
private void page_load(object sender, system.eventargs e)
table tb = new table();//创建一个表格
tb.borderwidth=unit.parse("1");
tb.width = unit.parse("100%");
tablerow tr = new tablerow();//创建一行
tablecell cell1 = new tablecell();//创建单元格,也就是第一列
cell1.text=j.tostring();//设置单元格内的文本
tr.cells.add(cell1);//添加到行中
tablecell cell2 = new tablecell();//创建第二列
cell2.text=(j*j).tostring();
this.placeholder2.controls.add(tb);
/////////////////////////////////////////
textbox.text="输入结束后请按tab键";//程序运行时文本框内的提示文本
textbox.id="t";//给文本框起个名字
textbox.autopostback=true;//响应事件的条件
textbox.textchanged+=new eventhandler(textbox_textchanged);//添加事件,在.net中,按tab自动生成
textbox.attributes.add("onmouseover","t.value=''");//给文本框添加一个javascript事件,当鼠标从文本框中移过时自动清除文本框内的提示内容
this.placeholder1.controls.add(textbox);//添加
////////////////////////////////////////
this.placeholder1.controls.add(label);//此处将标签添加到placeholder中
override protected void oninit(eventargs e)
// codegen: 该调用是 asp.net web 窗体设计器所必需的。
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
private void initializecomponent()
this.load += new system.eventhandler(this.page_load);
private void textbox_textchanged(object sender, eventargs e)
this.label.text=textbox.text;//事件响应方法.当文本框失去焦点时将标签设成和文本框同样的内容.