在asp.net中动态生成web控件
大多数情况下,我们在制作asp.net页面的时候,都是使用静态的形式将WEB服务器控件添加到页面中的,这种方法能满足大部分的需要。在本文中,我们主要讨论如何在WEB页面中动态生成控件并添加到指定位置,然后设置控件的相关属性,触发相关的事件。
本程序中,我们打算在页面上动态生成三个控件,一个表格,一个文本框,一个标签。当文本框失去焦点时,标签将显示文本框中的内容;程序运行的时候,文本框中有一段提示文字(“输入结束后请按TAB键”),当鼠标经过该文本框时,自动清除提示文字。以上是本程序的功能介绍。
下面讲解详细的操作过程:
1、 新建一个aspx页,名字任意取好了。
2、 切换到HTML视图,添加一个两行一列的表格,因为.net中画表格极不方便,所以我都是在frontpage中画好表格再把代码粘贴过来的。
3、 在表格的第一行和第二格各放一个PlaceHolder控件,并采用默认名称。该控件在工具箱的WEB窗体选项卡中可以找到,PlaceHolder Web 服务器控件使您可以将空容器控件放置到页内,然后在运行时动态添加、移除或依次通过子元素。该控件只呈现其子元素。
4、 不多说了,所有源码贴出来,我作了比较详细的注释:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace TeachShow.Test
{
/// <summary>
/// WebForm1 的摘要说明。
/// </summary>
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%");
for (int j=0;j<10;j++)
{
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();
tr.Cells.Add(cell2);
tb.Rows.Add(tr);//添加到表格中
}
this.PlaceHolder2.Controls.Add(tb);
/////////////////////////////////////////
textbox.Text="输入结束后请按TAB键";//程序运行时文本框内的提示文本
textbox.ID="t";//给文本框起个名字
textbox.Width=200;//设置宽度
textbox.Height=20;//设置高度
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中
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void textbox_TextChanged(object sender, EventArgs e)
{
this.label.Text=textbox.Text;//事件响应方法.当文本框失去焦点时将标签设成和文本框同样的内容.
}
}
}