在asp.net中动态生成web控件

翻译|其它|编辑:郝浩|2007-06-18 10:27:06.000|阅读 2072 次

概述:

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

         大多数情况下,我们在制作 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;//事件响应方法.当文本框失去焦点时将标签设成和文本框同样的内容.

        }

    }

}


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:csdn

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP