创建ASP.NET WEB自定义控件——例程2
本文通过一段完整的代码向读者介绍复合自定义控件的制作,包括:自定义属性、事件处理、控件间数据传递等方面的技术。
作者在http://damao.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!
这个控件没有什么实际的使用价值,本文制作这个例子是为了向读者展示复合控件的制作方法,也很简单,是吧?
转载于:https://www.cnblogs.com/gjcn/archive/2006/05/29/412005.html
创建ASP.NET WEB自定义控件——例程2相关推荐
- VS2008 Tips #008 如何创建ASP.NET Web 用户控件并包含在Web 页面中
在 Visual Web Developer 中创建 ASP.NET Web 用户控件就像 ASP.NET Page 页面一样简单. 以下是创建步骤: 1.打开您想添加用户控件的站点. 2.右键点击站 ...
- 在Visual Studio 2019中创建ASP.NET Web项目
一.打开Visual Studio 2019 选择创建新项目 创建后的页面如图所示 二.设计一个网页 右击新建项目,选择 添加 | 新建 2.源代码和设计模式 后缀说明 后缀为 ".aspx ...
- 在 Visual Studio 2010 中创建 ASP.Net Web Service
第一步:创建一个"ASP.Net Empty Web Application"项目 第二步:在项目中添加"Web Service"新项目 第一步之后,Visua ...
- Web API 2 入门——创建ASP.NET Web API的帮助页面(谷歌翻译)
在这篇文章中 创建API帮助页面 将帮助页面添加到现有项目 添加API文档 在敞篷下 下一步 作者:Mike Wasson 创建Web API时,创建帮助页面通常很有用,以便其他开发人员知道如何调用A ...
- 在 Visual Studio 2010 中创建 ASP.NET Web 项目
运行Visual Studio 2010 1.在文件下拉项中-->新建-->网站 2.在 "已安装的模板" 中选择模板 "Visual C#" ...
- 【ASP.NET Web】项目实践—网上宠物店2:创建ASP.NET Web 网站项目、连接数据库
1.创建网站 打开VS软件(项目当中使用的软件版本是 VS2012 ) ,依次点击 [文件]→[新建]→[项目],在弹出的"新建项目" 窗口中,新建一个 ASSP.NET 空 We ...
- 【Web API系列教程】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(上)
前言 在传统的web应用程序中,客户端(浏览器)通过请求页面来启动与服务器的通信.然后服务器处理该请求,并发送HTML页面到客户端.在随后页面上的操作中--例如,用户导航到一个链接或提交一个包含数据的 ...
- 提高 ASP.NET Web 应用性能的 24 种方法和技巧
那性能问题到底该如何解决?以下是应用系统发布前,作为 .NET 开发人员需要检查的点. 1.debug=「false」 当创建 ASP.NET Web应用程序,默认设置为「true」.开发过程中,设置 ...
- ASP.NET Web API 基本操作(CRUD)
上一篇介绍了ASP.NET Web API的基本知识和原理,这一篇我们通过一个更直观的实例,对产品进行CRUD操作(Create/Read/Update/Delete)来继续了解一下它的基本应用. 创 ...
最新文章
- 【数据库】适用于SQLite的SQL语句(三)
- 1.3计算机的性能指标
- Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象Script
- windows下通过eclipse进行远程执行出错:Permission denied:
- 拼图项目:一个不完整的难题
- 阿里DRUID数据源
- 【Json工具类】json数据格式转换
- 密码学——常见的密码学习总结
- 约分最简分式 (15 分)
- 杜佑夸高颎,NB人夸NB人
- 集成电路 多功能手电筒与移动照明方案
- SEO 已死,LLMO 万岁
- 110配线架打法图解_110配线架详解[来自互联网]
- ZCMU1411:喜闻乐见的a+b
- 电子电路仿真设计与制版软件综述 - PCB, OrCAD, PADs
- 中国石油大学(华东)校园网络认证脚本
- Prometheus 简介与架构
- CAD设置在标题中显示完整路径
- RocketMQ的顺序消费
- java 文件句柄_Java文件句柄释放