ASP.NET控件開發(fā)基礎(chǔ)之事件處理淺析
本次來介紹控件的事件處理. 我們知道Button控件有OnClick事件,DropDownList控件有SelectedIndexChanged事件.
ASP.NET控件開發(fā)基礎(chǔ)之事件處理一.回發(fā)事件和客戶端回發(fā)
下面來看一個最簡單的例子
按鈕單擊事件
- protected void Button1_Click(object sender, EventArgs e)
- {
- Label1.Text = "你好: "+TextBox1.Text;
- }
大家知道Web 服務(wù)器控件創(chuàng)建的按鈕的類型有三種
1.Button
2.LinkButton
3.ImageButton
打開MSDN看到三個控件都繼承IPostBackEventHandler接口
IPostBackEventHandler接口專門定義了處理回發(fā)事件的方法,說白了就是onclick事件,如果自定義控件需要處理回發(fā)事件,你就需要繼承IPostBackEventHandler接口,然后實現(xiàn)接口的RaisePostBackEvent 方法,另外一個簡單的方法就是直接繼承Button控件就可以了.
RaisePostBackEvent方法用于處理窗體發(fā)送給服務(wù)器時引發(fā)的事件,方法中有一個參數(shù)eventArgument 表示要傳遞到事件處理程序的可選事件參數(shù)的 String
下面總結(jié)處理回發(fā)事件,必須要做的步驟
(1)繼承并實現(xiàn)IPostBackEventHandler接口的RaisePostBackEvent方法
(2)為表單元素定義UniqueID,以與IPostBackEventHandler服務(wù)器控件的UniqueID相對應(yīng)
相應(yīng)實現(xiàn)代碼如下
示例一
- namespace CustomControls
- {
- public class SuperButton1 : Control, IPostBackEventHandler
- {
- // 聲明Click事件委托
- public event EventHandler Click;
- // 定義OnClick事件處理程序
- protected virtual void OnClick(EventArgs e)
- {
- if (Click != null)
- {
- Click(this, e);
- }
- }
- // 實現(xiàn)RaisePostBackEvent方法,處理回發(fā)事件
- public void RaisePostBackEvent(string eventArgument)
- {
- OnClick(EventArgs.Empty);
- }
- protected override void Render(HtmlTextWriter output)
- {
- output.Write("﹤INPUT TYPE=submit name=" + this.UniqueID +
- " Value='確定' /﹥");
- }
- }
- }
如果你不熟悉委托的話,可以參考一篇叫一個C#睡前故事的文章
EventArgs.Empty表示沒有事件數(shù)據(jù)的事件,不要跟我以前一樣認(rèn)為是一個空的事件,當(dāng)時就很郁悶,干什么要觸發(fā)空事件呢,都是因為沒看清楚Empty字段的意思,以為就為空的意思了.
EventArgs.Empty等同于EventArgs類的構(gòu)造函數(shù),等同于new EventArgs()
注意還在呈現(xiàn)控件的name屬性加了UniqueID.
好了,現(xiàn)在你可以測試下了.
- protected void SuperButton1_1_Click(object sender, EventArgs e)
- {
- Label1.Text = "你點擊了此按鈕";
- }
這樣你就成功定義了一個處理回發(fā)事件的控件. 假設(shè)你在頁面上多次使用這個控件,編譯器將為每個事件委托實例生成一個字段。如果事件的數(shù)目很大，則一個委托一個字段的存儲成本可能無法接受。.所以推薦采用另外一種優(yōu)化的事件實現(xiàn)
EventHandlerList 類提供一個簡單的委托列表來添加和刪除委托,下面來看看更改后的代碼,
AddHandler有兩個參數(shù)事件對象和添加的委托,在OnClick事件中必須顯示將委托轉(zhuǎn)換為EventHandler類型
示例二
- using System;
- using System.Web.UI;
- namespace CustomComponents
- {
- public class SuperButton2 : Control, IPostBackEventHandler
- {
- // 聲明Click事件委托
- private static readonly object ClickKey = new object();
- public event EventHandler Click
- {
- add
- {
- Events.AddHandler(ClickKey, value);
- }
- remove
- {
- Events.RemoveHandler(ClickKey, value);
- }
- }
- // 定義OnClick事件處理程序
- protected virtual void OnClick(EventArgs e)
- {
- EventHandler clickEventDelegate =
- (EventHandler)Events[ClickKey];
- if (clickEventDelegate != null)
- {
- clickEventDelegate(this, e);
- }
- }
- // 實現(xiàn)RaisePostBackEvent方法,處理回發(fā)事件
- public void RaisePostBackEvent(string eventArgument)
- {
- OnClick(new EventArgs());
- }
- protected override void Render(HtmlTextWriter output)
- {
- output.Write("﹤INPUT TYPE=submit name=" + this.UniqueID +
- " Value='確定' /﹥");
- }
- }
- }
下面再來說下客戶端回發(fā)事件,在HTML窗體元素中只有Button按鈕和ImageButton才可以引起窗體回發(fā).
但如LinkButton鏈接按鈕控件要希望啟動回發(fā)的話,則要依賴客戶端腳本的事件機制來實現(xiàn)其功能.
在asp.net2.0中,button控件多了一個UseSubmitBehavior 屬性,指示 Button 控件使用客戶端瀏覽器的提交機制(客戶端回發(fā))還是 ASP.NET 回發(fā)機制,默認(rèn)采用回發(fā)機制,如果設(shè)置為false的話,則需要調(diào)用GetPostBackEventReference 方法來返回 Button 的客戶端回發(fā)事件
當(dāng)設(shè)置UseSubmitBehavior 屬性為flase時,你運行頁面時,則會發(fā)現(xiàn)一段自動生成的javascript代碼
LinkButton也一樣,再看下面例子,定義了枚舉,定義button按鈕和鏈接按鈕,大家在測試的時候,打開源代碼就會發(fā)現(xiàn)不同效果
示例三
- using System;
- using System.Web.UI;
- using System.Web.UI.WebControls;
- using System.ComponentModel;
- namespace CustomComponents
- {
- public enum ButtonDisplay
- {
- Button = 0,
- Hyperlink = 1
- }
- [ToolboxData("﹤{0}:SuperButton3 runat=server﹥﹤/{0}:SuperButton3﹥")]
- public class SuperButton3 : Control, IPostBackEventHandler
- {
- public virtual ButtonDisplay Display
- {
- get
- {
- object display = ViewState["Display"];
- if (display == null)
- return ButtonDisplay.Button;
- else
- return (ButtonDisplay)display;
- }
- set
- {
- ViewState["Display"] = value;
- }
- }
- public virtual string Text
- {
- get
- {
- object text = ViewState["Text"];
- if (text == null)
- return string.Empty;
- else
- return (string)text;
- }
- set
- {
- ViewState["Text"] = value;
- }
- }
- private static readonly object ClickKey = new object();
- public event EventHandler Click
- {
- add
- {
- Events.AddHandler(ClickKey, value);
- }
- remove
- {
- Events.RemoveHandler(ClickKey, value);
- }
- }
- protected virtual void OnClick(EventArgs e)
- {
- EventHandler clickEventDelegate =
- (EventHandler)Events[ClickKey];
- if (clickEventDelegate != null)
- {
- clickEventDelegate(this, e);
- }
- }
- public void RaisePostBackEvent(string argument)
- {
- OnClick(EventArgs.Empty);
- }
- override protected void Render(HtmlTextWriter writer)
- {
- base.Render(writer);
- Page.VerifyRenderingInServerForm(this);
- if (Display == ButtonDisplay.Button)
- {
- writer.Write("﹤INPUT type=\"submit\"");
- writer.Write(" name=\"" + this.UniqueID + "\"");
- writer.Write(" id=\"" + this.UniqueID + "\"");
- writer.Write(" value=\"" + Text + "\"");
- writer.Write(" /﹥");
- }
- else if (Display == ButtonDisplay.Hyperlink)
- {
- writer.Write("﹤A href=\"");
- writer.Write(Page.GetPostBackClientHyperlink(this, ""));
- writer.Write("\"﹥" + Text + "﹤/A﹥");
- }
- }
- }
- }
如果大家本來就學(xué)過這方面的知識,看了心里還有譜,如果沒有的話,里面有些方法不熟悉的話,還是要多看看MSDN. 說通俗點,回發(fā)事件可以就理解為按鈕單擊事件,而按鈕又分兩種不同的回發(fā)事件方法,這樣講的話,更容易讓人接受,而上面所講的就是實現(xiàn)按鈕單擊事件實現(xiàn)的方法.
ASP.NET控件開發(fā)基礎(chǔ)之事件處理二.數(shù)據(jù)回發(fā)事件
好了,接著再講數(shù)據(jù)回發(fā).跟上面講的事件回發(fā)有點不同.
下面也舉一個簡單的例子,看下圖,有兩個DropDownList,一個開啟AutoPostBack,一個沒有開啟,再接著看下面簡單的代碼,***個DropDownList,改變下拉框值時,label沒顯示,按確定按鈕后則顯示label,第二個DropDownList改變下拉框值時就顯示了label,因為開啟了AutoPostBack.這個大家都明白吧.
- protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
- {
- Label2.Text = "你選擇了: " + DropDownList1.SelectedItem.Text;
- }
- protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
- {
- Label1.Text = "你選擇了: " + DropDownList2.SelectedItem.Text;
- }
以上實現(xiàn)的原理就是在SelectedIndexChanged事件里,判斷舊值和新值的比較(比較數(shù)據(jù)),如果發(fā)生變化,則引發(fā)事件,數(shù)據(jù)回發(fā)就是實現(xiàn)這樣的事件.再重新整理一下思路,明白何時會引發(fā)SelectedIndexChanged事件
在選擇下拉框值時,如果選的值跟原來的值相同,則不觸發(fā)事件,如果選的值跟原來的值不同的話則觸發(fā)SelectedIndexChanged事件(還是舊值和新值的比較).
打開MSDN文檔查看DropDownList 類,則發(fā)現(xiàn)其繼承了 IPostBackDataHandler 接口,我的意思就是說想要實現(xiàn)Change這樣的事件,就要繼承其接口.看看MSDN對此接口的定義
IPostBackDataHandler 接口
定義 ASP.NET 服務(wù)器控件為自動加載回發(fā)數(shù)據(jù)而必須實現(xiàn)的方法。
LoadPostData 方法 根據(jù)服務(wù)器控件的狀態(tài)由于回發(fā)而發(fā)生更改做出判斷是否調(diào)用RaisePostDataChangedEvent 方法,返回true則調(diào)用(就是舊值和新值不同的時候)
RaisePostDataChangedEvent 方法用于引發(fā)任何更改事件
以下的例子實現(xiàn)了如同textbox的TextChanged事件
postDataKey表示控件內(nèi)部數(shù)據(jù)的關(guān)鍵值,postCollection表示所有傳入名稱值的集合,其采用索引的方式來訪問
- using System;
- using System.Web;
- using System.Web.UI;
- using System.Collections.Specialized;
- using System.ComponentModel;
- namespace CustomComponents
- {
- [ToolboxData("﹤{0}:Textbox1 runat=server﹥﹤/{0}:Textbox1﹥"),
- DefaultProperty("Text")]
- public class Textbox1 : Control, IPostBackDataHandler
- {
- public string Text
- {
- get
- {
- object text = ViewState["Text"];
- if (text == null)
- return string.Empty;
- else
- return (string)text;
- }
- set
- {
- ViewState["Text"] = value;
- }
- }
- public bool LoadPostData(string postDataKey,
- NameValueCollection postCollection)
- {
- string postedValue = postCollection[postDataKey];
- //檢查新舊數(shù)據(jù)
- if (!Text.Equals(postedValue))
- {
- Text = postedValue;
- return true;
- //自動調(diào)用RaisePostDataChangedEvent()
- }
- else
- return false;
- //不發(fā)生變化
- }
- public void RaisePostDataChangedEvent()
- {
- OnTextChanged(EventArgs.Empty);
- }
- protected virtual void OnTextChanged(EventArgs e)
- {
- if (TextChanged != null)
- TextChanged(this, e);
- }
- public event EventHandler TextChanged;
- override protected void Render(HtmlTextWriter writer)
- {
- base.Render(writer);
- Page.VerifyRenderingInServerForm(this);
- writer.Write("﹤INPUT type=\"text\" name=\"");
- writer.Write(this.UniqueID);
- writer.Write("\" value=\"" + this.Text + "\" /﹥");
- }
- }
- }
上面實現(xiàn)的方法如同button的onclick事件,其實不然,而是通過回發(fā)數(shù)據(jù)的新舊數(shù)據(jù)進行判斷,我在示例代碼中加了另外一個例子,這里就不列出了,大家可以下載后再去看,看了就明白不是button的onclick事件了.
本次主要講了三個基礎(chǔ)的事件處理
(1)捕獲回發(fā)事件
(2)用于回調(diào)的客戶端腳本
(3)處理回發(fā)數(shù)據(jù)
以下兩個接口需要你慢慢的熟悉和使用
IPostBackEventHandler接口和IPostBackDataHandler 接口.
想到Button按鈕就要想到IPostBackEventHandler接口,想要textbox,dropdownlist一些change事件則要想要IPostBackDataHandler 接口,如果結(jié)合起來,再自己思考的話,會明白的更深刻.
可能很多地方我也沒表達清楚,跟別人講的很多重復(fù)了,但還要拿出來分享下,這樣也可以提高自己.***還望大家如果看到有什么錯誤,請指出.
ASP.NET控件開發(fā)基礎(chǔ)之事件處理的講解就到這里，希望對你了解ASP.NET控件開發(fā)基礎(chǔ)中的事件處理有所幫助。
【編輯推薦】
