建站
咨詢
售后
建站咨詢
新聞中心
ASP.NET組件設(shè)計(jì)代碼實(shí)現(xiàn)是如何的呢？假設(shè)我們要設(shè)計(jì)一個(gè)組件，該組件只允許用戶輸入數(shù)字，該驗(yàn)證工作自然應(yīng)該放到客戶端，客戶端的驗(yàn)證腳本可以這樣寫：
成都創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、房山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、商城系統(tǒng)網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為房山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
- ﹤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組件設(shè)計(jì)的觀念是要想著用戶，因?yàn)?，這些驗(yàn)證代碼不能由用戶去寫，應(yīng)該由組件設(shè)計(jì)者去寫，也就是說，當(dāng)用戶把該組件從工具箱中拖到頁面上后，運(yùn)行時(shí)應(yīng)該自動(dòng)生成驗(yàn)證代碼。向WEB頁繪制代碼，我們重寫OnPreRender()方法就可以了。
在重寫OnPreRender()方法之前，先寫定義幾個(gè)常量：
- 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組件設(shè)計(jì)實(shí)現(xiàn)之驗(yàn)證代碼的生成：
- 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頁中有十個(gè)該控件，那是不是就要輸出十個(gè)這樣的腳本？顯然，這是畫蛇添足了，所以，我們要用IsClientScriptBlockRegistered（）判斷該腳本是否在客戶端輸出，如果腳本在客戶端已注冊，則不再輸出了。
ASP.NET組件設(shè)計(jì)實(shí)現(xiàn)之重寫OnPreRender()方法了，該方法負(fù)責(zé)向客戶端繪制腳本。
- protected override void OnPreRender(EventArgs e)
- {
- base.OnPreRender (e);
- RenderJavaScript();
- }
大家應(yīng)該注意到，該腳本需要事件觸發(fā)才會(huì)執(zhí)行，當(dāng)用戶從瀏覽器輸入數(shù)據(jù)時(shí)，如果是非數(shù)字，則忽略該動(dòng)作，否則才接受輸入。這就需要OnKeyPress="javascript:return Virty(this);"這段代碼了。那么，這段代碼怎么向客戶端輸出呢？重寫AddAttributesToRender（）方法吧，該方法負(fù)責(zé)繪制組件的屬性。于是，我們寫了下面一段代碼：
- protected override void AddAttributesToRender(HtmlTextWriter writer)
- {
- base.AddAttributesToRender(writer);
- writer.AddAttribute("OnKeyPress",SCP_NUMBER_ONLY_HOOK);
- }
***的ASP.NET組件設(shè)計(jì)實(shí)現(xiàn)源碼如下：
- 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組件設(shè)計(jì)的實(shí)現(xiàn)就向你介紹到這里，希望對(duì)你了解ASP.NET組件設(shè)計(jì)有所幫助。
【編輯推薦】
- ASP.NET配置錯(cuò)誤頁面淺析
- ASP.NET錯(cuò)誤頁面的制作淺析
- ASP.NET網(wǎng)站設(shè)置之文件夾權(quán)限設(shè)置淺析
- ASP.NET優(yōu)點(diǎn)淺析
- ASP.NET組件設(shè)計(jì)淺析
分享名稱：ASP.NET組件設(shè)計(jì)代碼實(shí)現(xiàn)淺析
分享地址：http://m.5511xx.com/article/dpgpscc.html
