创建ASP.NET WEB自定义控件

最新推荐文章于 2024-04-26 20:00:51 发布
最新推荐文章于 2024-04-26 20:00:51 发布
阅读量411 收藏
点赞数
分类专栏： 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用ASP.NET2.0创建自定义Web控件
03-04
本页内容简介自适应呈现模型创建自定义服务器控件TagKey使用自定义控件创建复合服务器控件创建复合控件添加控件行为回调示例使用设计器小结简介从使用基本的文本编辑器到创作标记页面，Web开发已经经历了一个漫长的...
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 365
    前段时间笔者在开发中需要动态创建Web组件，本以为是小事一桩，谁知看时容易做时难。里面还真有些小问题。下面笔者就结合自己的程序来介绍一下如何动态创建并使用WEB组件，希望能给做类似工作的朋友提供一点帮助。  　　一、程序思路      　　程序主要分三部分：      　　1、程序要根据XML中的数据信息确定需要创建的WEB组件的个数。      　　2、动态创建WEB组件。      
[Browsable(false)]
cxu123321的博客
08-12 1937
[Browsable(false)] 1.c#方法上面的[Browsable(false)]是干吗用的？ 答案：标明此对象不可被浏览，这样它就不会出现在设计器的属性窗口里了 看如下代码： /// <include file='AspNetPagerDocs.xml' path='AspNetPagerDoc/Property[@name="ImagePath"]/*'/...
在asp.net中动态生成web控件
s471417811的专栏
03-28 228
大多数情况下，我们在制作asp.net页面的时候，都是使用静态的形式将web服务器控件添加到页面中的，这种方法能满足大部分的需要。在本文中，我们主要讨论如何在web页面中动态生成控件并添加到指定位置，然后设置控件的相关属性，触发相关的事件。 本程序中，我们打算在页面上动态生成三个控件，一个表格，一个文本框，一个标签。当文本框失去焦点时，标签将显示文本框中...
利用ASP.NET 2.0创建自定义Web控件
田林的博客
07-18 677
 简介　　从使用基本的文本编辑器到创作标记页面，Web 开发已经经历了一个漫长的过程。目前，集成开发环境 (IDE)为开发过程中的几乎每个方面都提供了图形化表示形式。此外，还实现各种说明性编程技术以提高效率并降低出现错误的几率。Visual Studio2005 和 ASP.NET 2.0中的控件体系结构遵循了这些编程趋势，并且提供了可靠的、可扩展的环境，该环境设计为使开发人员可以
ASP.NET自定义Web服务器控件之Button控件
10-25
主要介绍了ASP.NET自定义Web服务器控件之Button控件,详细讲述了Button控件的实现代码、前台页面的调用以及对应的事件响应代码,具有很好的参考借鉴价值,需要的朋友可以参考下
asp.net webform自定义分页控件
01-20
做web开发一直用到分页控件，自己也动手实现了个，使用用户自定义控件。 翻页后数据加载使用委托，将具体实现放在在使用分页控件的页面进行注册。 有图有真相，给个直观的认识： 自定义分页控件前台代码： <...
asp.net 自定义服务器控件标签属性解释
weixin_34352005的博客
11-06 181
Bindable这个特性表示属性是否可以绑定一个有效数据源。通常使用布尔值进行设置。例如：Bindable(true)。如果使用值true标记属性，表示该属性可以绑定一个有效数据源，且应引发该属性的属性更改通知。Browsable指定属性是否应该在属性浏览器中显示，使用布尔值设置。通常情况下，功用属性和那些希望在属性浏览器中显示的属性被设置为 Browsable(true)，...
ASP.NET教务管理平台-权限及公共模块设计与开发
大叔_爱编程 的博客
04-23 727
Visual Studio 2005 是一系列高效的、智能的开发工具的统称，它拥有一个庞大的产品线，包括面向学生、爱好者、初学者的Express版，面向专家、Visual Basic 6的Standard版，面向顾问、企业开发人员的Professional版和面向架构师的Team System版本。在这些版本中，有些集成了开发软件常用到的东西，比如重构、单元测试、类设计器等等，以方便开发人员快速的设计各类软件。
ASP.NET某企业信息管理系统的设计与实现
大叔_爱编程 的博客
04-26 800
信息管理系统就是我们常说的MIS(Management Information System),它是一个计算机软硬件资源以及数据库的人-机系统。经过对题目和内容的分析,选用了Microsoft公司的ASP.NET开发工具,由于它提供了用于从数据库中访问数据的强大工具集,使用它可以建立开发比较完善的数据库操作应用程序,并利用SQL Server2000提供数据库。根据实际情况，使用快速原型法（Rapid Prototyping）即以少量代价快速地构造一个可执行的软件系统模型。以此为基础，搭建了系统框架，对其下
C#面：ASP.NET 与 ASP 相比，主要有哪些进步
那个那个鱼的博客
04-26 180
总结来说，C# ASP.NET 相对于ASP在语言特性、性能、功能和开发工具等方面都有较大的进步，可以更好地满足现代Web应用的需求。
spring java图片上传源码.rar
最新发布
04-26
源码实现了图片上传功能，可供相关功能开发的小伙伴参考学习使用。
新入职员工工作总结范文大全(篇).docx
04-26
工作总结，新年计划，岗位总结，工作汇报，个人总结，述职报告，范文下载，新年总结，新建计划。
本项目内容为《SpringBoot 2.X 基础教程》配套源码.zip
04-26
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
IMG_20240426_195457.jpg
04-26
IMG_20240426_195457.jpg
培训看版.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
ASP.NET CORE怎么调用winform自定义控件
09-06
2. 在你的ASP.NET Core项目中，创建一个Web API控制器或一个Razor页面来处理请求和返回响应。 3. 在控制器或页面中，实例化WinForms自定义控件。你可以使用`new`关键字创建控件的实例。 4. 调整控件的属性和事件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值