ASP.NET组件设计代码实现浅析

ASP.NET组件设计代码实现是如何的呢？假设我们要设计一个组件，该组件只允许用户输入数字，该验证工作自然应该放到客户端，客户端的验证脚本可以这样写：

成都创新互联公司专注于企业成都全网营销推广、网站重做改版、房山网站定制设计、自适应品牌网站建设、H5网站设计、商城系统网站开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为房山等各大城市提供网站开发制作服务。

 
 
   
  
  ﹤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组件设计有所帮助。

【编辑推荐】

ASP.NET配置错误页面浅析
ASP.NET错误页面的制作浅析
ASP.NET网站设置之文件夹权限设置浅析
ASP.NET优点浅析
ASP.NET组件设计浅析

文章名称：ASP.NET组件设计代码实现浅析
本文地址：http://www.mswzjz.cn/qtweb/news44/218694.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章