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组件设计怎么实现”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
网页题目:ASP.NET组件设计怎么实现
网页链接:http://scyanting.com/article/gihodp.html