ASP.NET 自定义控件1

最新推荐文章于 2013-10-16 14:32:46 发布

fancy050821

最新推荐文章于 2013-10-16 14:32:46 发布

阅读量411

点赞数

分类专栏： .net开发文章标签： asp.net input string html 正则表达式 xhtml

本文链接：https://blog.csdn.net/fancy050821/article/details/4128464

版权

.net开发专栏收录该内容

10 篇文章 0 订阅

订阅专栏

ASP.NET 自定义控件1

ASP.NET自定义控件开发专题

4月16日

2009

本节将简单演示一个最基本的注册自定义控件的开发，希望读者可以对自定义控件开发有一个最基本的感性认识。

ASP.NET自定义控件开发专题1

ASP.NET 自定义控件1

源码下载

我学习技术讲究以实践为主、理论为辅的方式学习，以成果来激励学习的积极性。这也是我教书的一贯策略。所以在本系列所有的章节中，我都会以示例的方式来展示自定义控件开发的细节，请各位博友点评并指正。

闲话少提，转入正题。本节中，我们要完成一个如图1.1所示的用户注册控件的开发：

图1.1 设计器效果图

这个注册页面的HTML代码如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head><title>

无标题页

</title>

<style type="text/css">

table

{

border:solid 1px blue;

width:auto;

height:auto;

font-family:黑体;

font-size:9pt;

text-align:center;

}

div

{

text-align:center;

}

</style>

</head>

<body>

<form name="form1" method="post" action="Default.aspx" id="form1">

<div>

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTI1MTk2NDQzM2RkeKVXxlbRlC6kwkW0xZb24MJiHos=" />

</div>

<div>

<table>

<caption>用户注册</caption>

<tbody>

<tr>

<td>用户名：</td>

<td>

<input name="txtUserName" type="text" id="txtUserName" />

</td>

</tr>

<tr>

<td>密  码：</td>

<td>

<input name="txtPassword" type="password" id="txtPassword" />

</td>

</tr>

<tr>

<td>确认密码：</td>

<td>

<input name="txtSecPassword" type="password" id="txtSecPassword" />

</td>

</tr>

<tr>

<td colspan="2">

<input type="submit" name="btnRegister" value="注册" id="btnRegister" />

      

<input type="reset" id="btnReset" value="重置" />

</td>

</tr>

</tbody>

</table>

</div>

<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBQKhrtqbCQKl1bKzCQK1qbSRCwLcl5zHDgKGxZ2yDwScGUd5EoBIuuHJkqOSRr5qNbjG" />

</div></form>

</body>

</html>

现在我们新建自定义控件库项目来完成这个注册控件，在VS2005中选择项目类型为Windows，选择模板为Web控件库。将默认WebCustomerControl1.cs文件重命名为RegisterControl.cs。

打开RegisterControl.cs文件，我们会发现所有的自定义控件都继承与WebControl这个基类，为了生成自定义界面，首先我们复写Render方法。代码如下所示：

[DefaultProperty("Text")]

[ToolboxData("<{0}:WebCustomControl1 runat=server ID='Register1'></{0}:WebCustomControl1>")]

public class RegisterControl : WebControl

{

[Bindable(true)]

[Category("Appearance")]

[DefaultValue("")]

[Localizable(true)]

public string Text

{

get

{

String s = (String)ViewState["Text"];

return ((s == null) ? String.Empty : s);

}

set

{

ViewState["Text"] = value;

}

protected override void RenderContents(HtmlTextWriter output)

{

output.Write(Text);

}

protected override void Render(HtmlTextWriter writer)

{

writer.Write(@" <table><caption>用户注册</caption><tbody><tr><td>用户名：</td><td><input name='txtUserName' type='text' id='txtUserName' /></td></tr><tr><td>密  码：</td><td><input name='txtPassword' type='password' id='txtPassword' /></td></tr><tr><td>确认密码：</td><td><input name='txtSecPassword' type='password' id='txtSecPassword' /></td></tr> <tr><td colspan='2'><input type='submit' name='btnRegister' value='注册' id='btnRegister' />      <input type='reset' id='btnReset' value='重置' /></td></tr> </tbody> </table>");