• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

大多数情况下,我们在制作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.;//给文本框起个名字

            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;//事件响应方法.当文本框失去焦点时将标签设成和文本框同样的内容.

        }

    }

}


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap