ASP.NET组件设计代码实现是如何的呢？假设我们要设计一个组件，该组件只允许用户输入数字，该验证工作自然应该放到客户端，客户端的验证脚本可以这样写：
- ﹤HTML﹥
- ﹤HEAD﹥
- ﹤META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"﹥
- ﹤TITLE﹥﹤/TITLE﹥
- ﹤script language="javascript"﹥
- function Virty(ctrl)
- {
- if (event.keyCode == 13)
- return true
- if (event.keyCode ﹤ 48 || event.keyCode ﹥ 57)
- return false;
- else
- return true;
- }
- ﹤/script﹥
- ﹤/HEAD﹥
- ﹤BODY﹥
- ﹤form method="POST" ﹥
- ﹤p﹥
- ﹤input type="text" name="T1" size="20" OnKeyPress="javascript:return Virty(this);"﹥
- ﹤/p﹥
- ﹤/form﹥
- ﹤/BODY﹥
- ﹤/HTML﹥
ASP.NET组件设计的观念是要想着用户，因为，这些验证代码不能由用户去写，应该由组件设计者去写，也就是说，当用户把该组件从工具箱中拖到页面上后，运行时应该自动生成验证代码。向WEB页绘制代码，我们重写OnPreRender()方法就可以了。
在重写OnPreRender()方法之前，先写定义几个常量：
- private const string SCP_NUMBER_ONLY_SCRIPT_ID="{29FD7A41-49FD-4fc4-AFA9-6A0B87***1A51}";
- private const string SCP_NUMBER_ONLY_HOOK="return Virty(this);";
- private const string SCP_NUMBER_ONLY_SCRIPT=
- "﹤script language=\"JavaScript1.2\"﹥\nfunction Virty (ctrl)\n{{\n"+
- "if (event.keyCode == 13)\n return true;\n if (event.keyCode ﹤ 48 || event.keyCode ﹥ 57)\n return false;\n else\n return true;\n}}"+
- "﹤/script﹥";
ASP.NET组件设计实现之验证代码的生成：
- private void RenderJavaScript()
- {
- if(!Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID))
- Page.RegisterClientScriptBlock(SCP_NUMBER_ONLY_SCRIPT_ID,string.Format(SCP_NUMBER_ONLY_SCRIPT,base.ID));
- }
为什么会有Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID)呢？我们想象一下，如果在WEB页中有十个该控件，那是不是就要输出十个这样的脚本？显然，这是画蛇添足了，所以，我们要用IsClientScriptBlockRegistered（）判断该脚本是否在客户端输出，如果脚本在客户端已注册，则不再输出了。
ASP.NET组件设计实现之重写OnPreRender()方法了，该方法负责向客户端绘制脚本。
- protected override void OnPreRender(EventArgs e)
- {
- base.OnPreRender (e);
- RenderJavaScript();
- }
大家应该注意到，该脚本需要事件触发才会执行，当用户从浏览器输入数据时，如果是非数字，则忽略该动作，否则才接受输入。这就需要OnKeyPress="javascript:return Virty(this);"这段代码了。那么，这段代码怎么向客户端输出呢？重写AddAttributesToRender（）方法吧，该方法负责绘制组件的属性。于是，我们写了下面一段代码：
- protected override void AddAttributesToRender(HtmlTextWriter writer)
- {
- base.AddAttributesToRender(writer);
- writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);
- }
***的ASP.NET组件设计实现源码如下：
- using System;
- using System.Text;
- using System.Drawing;
- using System.Web;
- using System.Web.UI;
- using System.Web.UI.WebControls;
- namespace PowerAsp.NET.Controls
- {
- [ToolboxBitmap(typeof(NumberEditor),"PowerAsp.NET.Controls.NumberEditor.bmp")]
- public class NumberEditor:BaseEditor
- {
- private const string SCP_NUMBER_ONLY_SCRIPT_ID="{29FD7A41-49FD-4fc4-AFA9-6A0B87***1A51}";
- private const string SCP_NUMBER_ONLY_HOOK="return NumberEditor_KeyPress_Handle(this);";
- private const string SCP_NUMBER_ONLY_SCRIPT=
- "﹤script language=\"JavaScript1.2\"﹥\nfunction NumberEditor_KeyPress_Handle(ctrl)\n{{\n"+
- "if (event.keyCode == 13)\n return true;\n
- if (event.keyCode ﹤ 48 || event.keyCode ﹥ 57)\n return false;\n else\n return true;\n}}"+
- "﹤/script﹥";
- //rending number-limit javaScript.
- private void RenderJavaScript()
- {
- if(!Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID))
- Page.RegisterClientScriptBlock(SCP_NUMBER_ONLY_SCRIPT_ID,string.Format(SCP_NUMBER_ONLY_SCRIPT,base.ID));
- }
- protected override void AddAttributesToRender(HtmlTextWriter writer)
- {
- base.AddAttributesToRender(writer);
- writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);
- }
- protected override void OnPreRender(EventArgs e)
- {
- base.OnPreRender (e);
- RenderJavaScript();
- }
- public NumberEditor():base()
- {
- }
- }
- }
ASP.NET组件设计的实现就向你介绍到这里，希望对你了解ASP.NET组件设计有所帮助。
【编辑推荐】
