ASP.NET组件设计怎么实现

这篇文章主要介绍“ASP.NET组件设计怎么实现”，在日常操作中，相信很多人在ASP.NET组件设计怎么实现问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”ASP.NET组件设计怎么实现”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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组件设计怎么实现”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！