创建ASP.NET WEB自定义控件

最新推荐文章于 2024-09-10 17:57:19 发布
最新推荐文章于 2024-09-10 17:57:19 发布
阅读量425 收藏
点赞数
分类专栏： ASP.NET 2.0 文章标签： asp.net web textbox button output object
本文通过一段完整的代码向读者介绍复合自定义控件的制作，包括：自定义属性、事件处理、控件间数据传递等方面的技术。

作者在httpdamao.0538.org有一些控件和代码，并在更新中，有兴趣的读者可以去下载。

以下是一个登陆框的代码，包括：用户名输入TextBox、密码输入TextBox、提交Button、重置Button以及承载以上四项的Panel。控件类名为LoginCtrl。

（例程使用C#）

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.ComponentModel;

using System.Drawing;

 

namespace TestLib

{

     [DefaultProperty(BackColor),

         ToolboxData({0}LoginCtrl runat=server{0}LoginCtrl)]

     public class LoginCtrl  System.Web.UI.WebControls.WebControl

     {

         private Color _fontColor = Color.Black;声明字体颜色变量

         private Color _backColor = Color.White;声明控件背景变量

首先声明要在复合控件中使用的子控件。

         private Label lblUserName = new Label();显示“用户名”的Label控件

         private Label lblPassWord = new Label();显示“密码”的Label控件

         private TextBox txtUserName = new TextBox();用户名输入的TextBox控件

         private TextBox txtPassWord = new TextBox();密码输入的TextBox控件

         private Button submitButton = new Button();提交Button控件

         private Button clearButton = new Button();重置Button控件

         private System.Web.UI.WebControls.Panel pnlFrame = new System.Web.UI.WebControls.Panel();承载其它控件的容器Panel控件

当然要在符合控件中使用的事件一定要声明的，它们会出现在属性框的事件栏里。

         public event EventHandler SubmitOnClick;声明自定义控件LoginCtrl的提交事件

         public event EventHandler ClearOnClick;声明自定义控件LoginCtrl的重置事件

 

         public LoginCtrl()

         {

刚刚声明的子控件和事件要在这里进行初始化处理。

初始化控件的属性

              this.lblUserName.Text = 用户名;

              this.lblPassWord.Text = 密  码;

              this.txtPassWord.TextMode = System.Web.UI.WebControls.TextBoxMode.Password;

 

              this.pnlFrame.Width = 240;

              this.pnlFrame.Height = 120;

              this.pnlFrame.BackColor = Color.Empty;

添加提交按钮点击事件

              submitButton.Text = 确定;

              submitButton.Click += new EventHandler(this.SubmitBtn_Click);

添加重置按钮点击事件

              clearButton.Text = 重置;

              clearButton.Click += new EventHandler(this.ClearBtn_Click);

将声明的各子控件添加到LoginCtrl中

              this.Controls.Add(this.submitButton);

              this.Controls.Add(this.clearButton);

              this.Controls.Add(this.txtUserName);

              this.Controls.Add(this.txtPassWord);

              this.Controls.Add(this.lblUserName);

              this.Controls.Add(this.lblPassWord);

              this.Controls.Add(this.pnlFrame);

         }

根据自己的需要添加或重载符合控件的公共属性

字体颜色属性

         [Bindable(false),

              Category(Appearance),

              DefaultValue()]

         public override Color ForeColor

         {

              get

              {

                   return this._fontColor;

              }

              set

              {

                   this._fontColor = value;

              }

         }

控件背景属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue()]

         public override Color BackColor

         {

              get

              {

                   return this._backColor;

              }

 

              set

              {

                   this._backColor = value;

              }

         }

用户名属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue()]

         public string UserName

         {

              get

              {

                   return this.txtUserName.Text;

              }

              set

              {

                   this.txtUserName.Text = value;

              }

         }

密码属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue(), Browsable(false)]

         public string PassWord

         {

              get

              {

                   return this.txtPassWord.Text;

              }

              set

              {

                   this.txtPassWord.Text = value;

              }

         }

控件宽度属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue()]

         public override Unit Width

         {

              get

              {

                   return this.pnlFrame.Width;

              }

              set

              {

                   this.pnlFrame.Width = value;

              }

         }

控件高度属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue()]

         public override Unit Height

         {

              get

              {

                   return this.pnlFrame.Height;

              }

              set

              {

                   this.pnlFrame.Height = value;

              }

         }

控件边框颜色属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue()]

         public override Color BorderColor

         {

              get

              {

                   return this.pnlFrame.BorderColor;

              }

              set

              {

                   this.pnlFrame.BorderColor = value;

              }

         }

控件边框样式属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue()]

         public override BorderStyle BorderStyle

         {

              get

              {

                   return this.pnlFrame.BorderStyle;

              }

              set

              {

                   this.pnlFrame.BorderStyle = value;

              }

         }

控件边框宽度属性

         [Bindable(false),

         Category(Appearance),

         DefaultValue()]

         public override Unit BorderWidth

         {

              get

              {

                   return this.pnlFrame.BorderWidth;

              }

              set

              {

                   this.pnlFrame.BorderWidth = value;

              }

         }

下面要把控件输出出去，展示在页面上。

          summary

          将此控件呈现给指定的输出参数。

          summary

          param name=output 要写出到的 HTML 编写器 param

         protected override void Render(HtmlTextWriter output)

         {

              this.pnlFrame.RenderBeginTag(output);输出Panel控件

             

     在Panel中绘制表格

              output.AddAttribute(HtmlTextWriterAttribute.Border,0);

              output.AddAttribute(HtmlTextWriterAttribute.Cellpadding,0);

              output.AddAttribute(HtmlTextWriterAttribute.Cellspacing,0);

              output.AddAttribute(System.Web.UI.HtmlTextWriterAttribute.Width,100%);

              output.AddAttribute(System.Web.UI.HtmlTextWriterAttribute.Height,100%);

              output.AddAttribute(HtmlTextWriterAttribute.Bgcolor,this._backColor.Name);

              output.RenderBeginTag(HtmlTextWriterTag.Table);

             

              output.RenderBeginTag(HtmlTextWriterTag.Tr);

              output.RenderBeginTag(HtmlTextWriterTag.Td);

              在表格中添加Label控件

              this.lblUserName.ForeColor = this._fontColor;

              this.lblUserName.RenderControl(output);

              output.RenderEndTag();

              output.RenderBeginTag(HtmlTextWriterTag.Td);

              在表格中添加TextBox控件

              this.txtUserName.RenderControl(output);

              output.RenderEndTag();

              output.RenderEndTag();

              output.RenderBeginTag(HtmlTextWriterTag.Tr);

              output.RenderBeginTag(HtmlTextWriterTag.Td);

              在表格中添加Label控件

              this.lblPassWord.ForeColor = this._fontColor;

              this.lblPassWord.RenderControl(output);

              output.RenderEndTag();

              output.RenderBeginTag(HtmlTextWriterTag.Td);

在表格中添加TextBox控件

              this.txtPassWord.RenderControl(output);

              output.RenderEndTag();

              output.RenderEndTag();

              output.RenderBeginTag(HtmlTextWriterTag.Tr);

              output.AddAttribute(HtmlTextWriterAttribute.Align,right);

              output.RenderBeginTag(HtmlTextWriterTag.Td);

              在表格中添加Button控件

              this.submitButton.RenderControl(output);

              output.RenderEndTag();

              output.AddAttribute(HtmlTextWriterAttribute.Align,center);

              output.RenderBeginTag(HtmlTextWriterTag.Td);

              在表格中添加Button控件

              this.clearButton.RenderControl(output);

              output.RenderEndTag();

              output.RenderEndTag();

 

              output.RenderEndTag();

 

              this.pnlFrame.RenderEndTag(output);

         }

当按钮点击时怎么做呢？这是个事件冒泡。

         处理提交按钮点击事件

         private void SubmitBtn_Click(object sender, EventArgs e)

         {

              EventArgs e1 = new EventArgs();

              if(this.SubmitOnClick!=null)

                   this.SubmitOnClick(this.submitButton,e1);

         }

         处理重置按钮点击事件

         private void ClearBtn_Click(object sender, EventArgs e)

         {

              this.txtPassWord.Text = ;

              this.txtUserName.Text = ;

              EventArgs e1 = new EventArgs();

              if(this.ClearOnClick!=null)

                   this.ClearOnClick(this.clearButton,e1);

         }

     }

}

编译一下，OK！

这个控件没有什么实际的使用价值，本文制作这个例子是为了向读者展示复合控件的制作方法，也很简单，是吧？

 
bookseas
关注
专栏目录
ASP.NET自定义Web服务器控件-Button
爱我所爱，无处不在
08-26 1227
using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using S
asp.net DropDownList自定义控件，让你的分类更清晰
01-02
看到Discuz是2个下拉列表进行合并的，网上找了一些资料，然后写了这个小源码，在这里和大家分享一下！ 运行效果图，如下所示（深黑的地方选不中，因为那是上一级的... 5 using System.Web.UI.WebControls; 6 using S
ASP.NET创建并使用Web组件
The key to .Net
05-03 390
    前段时间笔者在开发中需要动态创建Web组件，本以为是小事一桩，谁知看时容易做时难。里面还真有些小问题。下面笔者就结合自己的程序来介绍一下如何动态创建并使用WEB组件，希望能给做类似工作的朋友提供一点帮助。  　　一、程序思路      　　程序主要分三部分：      　　1、程序要根据XML中的数据信息确定需要创建的WEB组件的个数。      　　2、动态创建WEB组件。      
在asp.net中动态生成web控件
s471417811的专栏
03-28 243
大多数情况下，我们在制作asp.net页面的时候，都是使用静态的形式将web服务器控件添加到页面中的，这种方法能满足大部分的需要。在本文中，我们主要讨论如何在web页面中动态生成控件并添加到指定位置，然后设置控件的相关属性，触发相关的事件。 本程序中，我们打算在页面上动态生成三个控件，一个表格，一个文本框，一个标签。当文本框失去焦点时，标签将显示文本框中...
利用ASP.NET 2.0创建自定义Web控件
田林的博客
07-18 704
 简介　　从使用基本的文本编辑器到创作标记页面，Web 开发已经经历了一个漫长的过程。目前，集成开发环境 (IDE)为开发过程中的几乎每个方面都提供了图形化表示形式。此外，还实现各种说明性编程技术以提高效率并降低出现错误的几率。Visual Studio2005 和 ASP.NET 2.0中的控件体系结构遵循了这些编程趋势，并且提供了可靠的、可扩展的环境，该环境设计为使开发人员可以
asp.net webform自定义分页控件
01-20
做web开发一直用到分页控件，自己也动手实现了个，使用用户自定义控件。 翻页后数据加载使用委托，将具体实现放在在使用分页控件的页面进行注册。 有图有真相，给个直观的认识： 自定义分页控件前台代码： <...
asp.net自定义控件代码学习笔记
10-30
首先，自定义控件的创建通常涉及继承已有的ASP.NET内置控件，或者直接继承`System.Web.UI.Control`类。在这个例子中，我们创建了一个名为`myGrid`的控件，它直接继承自`Control`类。继承`Control`意味着我们可以访问...
ASP.NET自定义Web服务器控件之Button控件
10-25
自定义Web服务器控件是***的重要组成部分，通过创建自定义控件，开发者可以扩展.NET Framework提供的标准控件集，实现特定的功能和外观。 在***中，Button控件是常见的标准控件之一，用于创建可交互的按钮，触发回...
asp.net 自定义服务器控件标签属性解释
weixin_34352005的博客
11-06 194
Bindable这个特性表示属性是否可以绑定一个有效数据源。通常使用布尔值进行设置。例如：Bindable(true)。如果使用值true标记属性，表示该属性可以绑定一个有效数据源，且应引发该属性的属性更改通知。Browsable指定属性是否应该在属性浏览器中显示，使用布尔值设置。通常情况下，功用属性和那些希望在属性浏览器中显示的属性被设置为 Browsable(true)，...
鸿蒙开发（API 12 Beta6版）【P2P模式】 网络WLAN服务开发
鸿蒙的技术博客
09-10 888
无线局域网（Wireless Local Area Networks，WLAN），是通过无线电、红外光信号或者其他技术发送和接收数据的局域网，用户可以通过WLAN实现结点之间无物理连接的网络通讯。常用于用户携带可移动终端的办公、公众环境中。 WLAN系统为用户提供接入WLAN网络功能（STA模式）、点对点的数据传输功能（P2P模式）和热点分享功能（AP模式），让应用可以通过WLAN和其他设备互联互通
5020-微信小程序基于JAVA微信点餐小程序设计+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
基于 Flask 的数字猜谜系统.zip
09-15
该项目是一个基于 Flask 框架的数字猜谜游戏。通过 Flask 搭建了一个 Web 应用，用户可以通过界面参与数字猜谜游戏。项目简单易懂，适合初学者了解 Flask 框架的基本使用以及 Web 开发的基础知识。同时，该项目也有一定的娱乐性质，可以提供给用户休闲娱乐的时光。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看ReaDME.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
5206-微信小程序投票评选系统的设计与实现ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
PeaZip 64 bit 9.9.1 free 解压缩工具 杜绝360垃圾
最新发布
09-15
PeaZip 64 bit 9.9.1 free 解压缩工具 杜绝360垃圾
vit_keras-0.0.12-py3-none-any.whl
09-15
该资源为vit_keras-0.0.12-py3-none-any.whl，欢迎下载使用哦！
5272-微信小程序微信智能招聘小程序设计+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
ASP.NET Web自定义控件开发详解
书中深入介绍了ASP.NET2.0的网络编程，特别是Web自定义控件的开发，包括如何创建和应用自定义控件、创建子控件、使用控件分析器简化代码以及编写复合控件。此外，还探讨了B/S架构的设计理念，强调了B/S架构在简化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值