温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

ASP.NET组件设计怎么实现

发布时间:2021-12-06 09:58:35 来源:亿速云 阅读:104 作者:iii 栏目:编程语言

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI