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組件設計有所幫助。

【編輯推薦】

1. ASP.NET配置錯誤頁面淺析
2. ASP.NET錯誤頁面的制作淺析
3. ASP.NET網站設置之文件夾權限設置淺析
4. ASP.NET優點淺析
5. ASP.NET組件設計淺析