一、什么是組件？
查看MSDN，微軟是這樣給組件定義的：在 .NET Framework 中，組件是指實(shí)現 System.ComponentModel.IComponent 接口的一個(gè)類(lèi)，或從實(shí)現 IComponent 的類(lèi)中直接或間接派生的類(lèi)。這是從純語(yǔ)言（技術(shù)）角度下的定義，通俗的講，組件是“可獨立運作的軟件單元”，這里強調獨立運作，也就代表著(zhù)組件必須擁有低耦合性、高重用性等特點(diǎn)。微軟將軟件劃分為兩部分：其一是Component，意指具備特定功能、可獨立運作、不具備UI接口的單元；其二是Control，也就是我們常說(shuō)的控件，意指具備特定功能、可獨立運作的UI接口單元。
二、學(xué)習Asp.net組件需要掌握的知識
任意掌握一門(mén).net語(yǔ)言，建議使用C#，C#是一門(mén)全新的語(yǔ)言，但又借鑒了C++和JAVA的語(yǔ)法，同時(shí)引入了一些新概念，在程序員中口啤不錯。
理解IIS的運行機制和asp.net的運行模式。
熟練掌握javascript，該腳本語(yǔ)言強大的功能在處理客戶(hù)端動(dòng)作時(shí)表現非常出色，基本上所有的自定義組件都離不開(kāi)javascript，同時(shí)，CSS和DHTML也是要心知肚明的。沒(méi)辦法，他們很少會(huì )單獨出現，總是喜歡集體演出。
三、組件設計的難度
這個(gè)問(wèn)題不用問(wèn)，也許您猜出了幾分，一個(gè)字：難。
您也許會(huì )有所察覺(jué)，在編寫(xiě)asp.net應用程序時(shí)，很少會(huì )對viewstate作深入的研究，原因很簡(jiǎn)單，因為ViewState本身設計的用戶(hù)對象本來(lái)就不是應用程序員，而是組件設計員。如果不是因為客戶(hù)端需要，您也不會(huì )在asp.net中編寫(xiě)大量的javascript腳本，而在組件設計中，很難逃脫干系。不止這些，是否設計成服務(wù)器組件？我們的組件是繼承Control、還是繼承WebControl或是繼承Component？在組件中，需要自定義Attribute嗎？需要實(shí)現數據綁定嗎？如何繪制組件的外觀(guān)？如何和IIS通訊？需要post-back嗎？很多很多的問(wèn)題，都需要組件設計者——辛苦的您去一一考慮。
所以，如果您不屑一顧地說(shuō)：不就是設計一個(gè)組件嗎？這有何難！那么，我會(huì )嘿嘿一笑，因為我知道，您一定在開(kāi)玩笑。
但是，千萬(wàn)別怕，“程序員需要探索精神哦！”
四、基類(lèi)的選擇
如果我們設計的是一個(gè)WEB可視控件，并且構成WEB頁(yè)的一部分，那么可以繼承Control類(lèi)或者WebControl類(lèi)。如果是一個(gè)非可視控件，可以繼承Component，繼承此類(lèi)的控件設計時(shí)不會(huì )出現在頁(yè)面上，而是出現在Component Tray中。還記得OpenFileDialog控件嗎？這個(gè)文件打開(kāi)對話(huà)框控件就是出現在Component Tray控件中的。
如果我們只是在已有的控件基礎上增強功能，那么就繼承該已有的控件吧。
五、實(shí)踐出真知
假設我們要設計一個(gè)組件，該組件只允許用戶(hù)輸入數字，該驗證工作自然應該放到客戶(hù)端，客戶(hù)端的驗證腳本可以這樣寫(xiě)：
<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>
當然，這些驗證代碼不能由用戶(hù)去寫(xiě)，應該由組件設計者去寫(xiě)，也就是說(shuō)，當用戶(hù)把該組件從工具箱中拖到頁(yè)面上后，運行時(shí)應該自動(dòng)生成驗證代碼。向WEB頁(yè)繪制代碼，我們重寫(xiě)OnPreRender()方法就可以了。
在重寫(xiě)OnPreRender()方法之前，先寫(xiě)定義幾個(gè)常量：
private const string SCP_NUMBER_ONLY_SCRIPT_ID="{29FD7A41-49FD-4fc4-AFA9-6A0B875A1A51}";
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>";
下面的方法用于驗證代碼的生成：
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));
}
為什么會(huì )有Page.IsClientScriptBlockRegistered(SCP_NUMBER_ONLY_SCRIPT_ID)呢？我們想象一下，如果在WEB頁(yè)中有十個(gè)該控件，那是不是就要輸出十個(gè)這樣的腳本？顯然，這是畫(huà)蛇添足了，所以，我們要用IsClientScriptBlockRegistered（）判斷該腳本是否在客戶(hù)端輸出，如果腳本在客戶(hù)端已注冊，則不再輸出了。
接下來(lái)就是重寫(xiě)OnPreRender()方法了，該方法負責向客戶(hù)端繪制腳本。
protected override void OnPreRender(EventArgs e)
{
base.OnPreRender (e);
RenderJavaScript();
}
大家應該注意到，該腳本需要事件觸發(fā)才會(huì )執行，當用戶(hù)從瀏覽器輸入數據時(shí)，如果是非數字，則忽略該動(dòng)作，否則才接受輸入。這就需要OnKeyPress="javascript:return Virty(this);"這段代碼了。那么，這段代碼怎么向客戶(hù)端輸出呢？重寫(xiě)AddAttributesToRender（）方法吧，該方法負責繪制組件的屬性。于是，我們寫(xiě)了下面一段代碼：
protected override void AddAttributesToRender(HtmlTextWriter writer)
{
base.AddAttributesToRender(writer);
writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);
}
最后的源碼如下：
/////////////////////////////////////////////////////////////////////////////
/// 注意，本代碼版權所有者為黃忠成先生。
/// 在此表示感謝他寫(xiě)的書(shū)《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-6A0B875A1A51}";
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()
{
}
}
}
聯(lián)系客服
