在ASP.NET组件设计学习之前，那么让我们先了解下什么是ASP.NET组件
ASP.NET组件设计一、什么是ASP.NET组件？
查看MSDN，微软是这样给组件定义的：在 .NET Framework 中，组件是指实现 System.ComponentModel.IComponent 接口的一个类，或从实现 IComponent 的类中直接或间接派生的类。这是从纯语言（技术）角度下的定义，通俗的讲，组件是“可独立运作的软件单元”，这里强调独立运作，也就代表着组件必须拥有低耦合性、高重用性等特点。微软将软件划分为两部分：其一是Component，意指具备特定功能、可独立运作、不具备UI接口的单元；其二是Control，也就是我们常说的控件，意指具备特定功能、可独立运作的UI接口单元。
ASP.NET组件设计二、学习ASP.NET组件需要掌握的知识
任意掌握一门.net语言，建议使用C#，C#是一门全新的语言，但又借鉴了C++和JAVA的语法，同时引入了一些新概念，在程序员中口啤不错。
理解IIS的运行机制和ASP.NET的运行模式。
熟练掌握javascript，该脚本语言强大的功能在处理客户端动作时表现非常出色，基本上所有的自定义组件都离不开javascript，同时，CSS和DHTML也是要心知肚明的。没办法，他们很少会单独出现，总是喜欢集体演出。
ASP.NET组件设计三、ASP.NET组件设计的难度
这个问题不用问，也许您猜出了几分，一个字：难。
您也许会有所察觉，在编写ASP.NET应用程序时，很少会对viewstate作深入的研究，原因很简单，因为ViewState本身设计的用户对象本来就不是应用程序员，而是组件设计员。如果不是因为客户端需要，您也不会在ASP.NET中编写大量的javascript脚本，而在组件设计中，很难逃脱干系。不止这些，是否设计成服务器组件？我们的组件是继承Control、还是继承WebControl或是继承Component？在组件中，需要自定义Attribute吗？需要实现数据绑定吗？如何绘制组件的外观？如何和IIS通讯？需要post-back吗？很多很多的问题，都需要组件设计者——辛苦的您去一一考虑。
所以，如果您不屑一顾地说：不就是设计一个组件吗？这有何难！那么，我会嘿嘿一笑，因为我知道，您一定在开玩笑。
但是，千万别怕，“程序员需要探索精神哦！”
ASP.NET组件设计四、基类的选择
如果我们设计的是一个WEB可视控件，并且构成WEB页的一部分，那么可以继承Control类或者WebControl类。如果是一个非可视控件，可以继承Component，继承此类的控件设计时不会出现在页面上，而是出现在Component Tray中。还记得OpenFileDialog控件吗？这个文件打开对话框控件就是出现在Component Tray控件中的。
如果我们只是在已有的控件基础上增强功能，那么就继承该已有的控件吧。
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﹥
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
当然，这些验证代码不能由用户去写，应该由组件设计者去写，也就是说，当用户把该组件从工具箱中拖到页面上后，运行时应该自动生成验证代码。向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﹥";
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
下面的方法用于验证代码的生成：
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));
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
为什么会有Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID)呢？我们想象一下，如果在WEB页中有十个该控件，那是不是就要输出十个这样的脚本？显然，这是画蛇添足了，所以，我们要用IsClientScriptBlockRegistered（）判断该脚本是否在客户端输出，如果脚本在客户端已注册，则不再输出了。
接下来就是重写OnPreRender()方法了，该方法负责向客户端绘制脚本。
protected override void OnPreRender(EventArgs e)
{
base.OnPreRender (e);
RenderJavaScript();
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
大家应该注意到，该脚本需要事件触发才会执行，当用户从浏览器输入数据时，如果是非数字，则忽略该动作，否则才接受输入。这就需要OnKeyPress="javascript:return Virty(this);"这段代码了。那么，这段代码怎么向客户端输出呢？重写AddAttributesToRender（）方法吧，该方法负责绘制组件的属性。于是，我们写了下面一段代码：
protected override void AddAttributesToRender(HtmlTextWriter writer)
{
base.AddAttributesToRender(writer);
writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
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()
{
}
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
ASP.NET组件设计的相关信息就向你介绍到这里，希望对你了解ASP.NET组件设计有所帮助。
【编辑推荐】
