ASP.NET 自定义控件（一）-控件新闻-慧都网

ASP.NET 自定义控件（一）

原创|其它|编辑：郝浩|2009-04-23 09:43:44.000|阅读 876 次

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

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

闲话少提，转入正题。本节中，我们要完成一个如图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>

</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>");