Asp.net TextBox的TextChanged事件使用介绍

网络编程 2024/11/18 佚名

3 2 1

在博客园里有位兄弟问了我一个问题，动态创建的控件是如何加载视图状态，还提到ProcessPostData方法的调用。这里我就用TextBox的TextChanged事件来说说视图数据的加载以及事件的触发。

我们首先还是来看一个demo吧：

代码如下：

运行结果如图：

现在我们来修改文本框的值，然后点击按钮提交页面，看看有什么事情发生

TextBox的TextChanged事件这时候发生了，运行结果如图：

现在我们什么也不做，再次点击按钮提交，看看会有什么效果：

这是为什么了，TextBox的TextChanged事件这时候没有触发。

大家是否知道TextBox的TextChanged事件触发的条件了，那好我们今天就一起来看看该事件是如何触发的。

这里我们首先来看看TextBox的定义：
复制代码代码如下:
public class TextBox : WebControl, IPostBackDataHandler, IEditableTextControl, ITextControl

public interface IPostBackDataHandler
{
bool LoadPostData(string postDataKey, NameValueCollection postCollection);
void RaisePostDataChangedEvent();
}
public interface IEditableTextControl : ITextControl
{
event EventHandler TextChanged;
}
public interface ITextControl
{
string Text { get; set; }
}

这里我们最主要的是关注IPostBackDataHandler接口的实现，
复制代码代码如下:
protected virtual bool LoadPostData(string postDataKey, NameValueCollection postCollection)
{
base.ValidateEvent(postDataKey);
string text = this.Text;
string str2 = postCollection[postDataKey];
if (!this.ReadOnly && !text.Equals(str2, StringComparison.Ordinal))
{
this.Text = str2;
return true;
}
return false;
}

protected virtual void RaisePostDataChangedEvent()
{
if (this.AutoPostBack && !this.Page.IsPostBackEventControlRegistered)
{
this.Page.AutoPostBackControl = this;
if (this.CausesValidation)
{
this.Page.Validate(this.ValidationGroup);
}
}
this.OnTextChanged(EventArgs.Empty);
}

这里的RaisePostDataChangedEvent方法比较好理解，主要就是调用TextChanged事件方法，而LoadPostData方法中是可以取到textBox当前值（旧值 string text = this.Text;）和post过来的新值（ postCollection[postDataKey]），如果当前textbox不是只读，并且新旧值不等的话，则吧新值赋给textbox的text属性，返回true，否者返回false，这里我们能否猜测textbox的LoadPostData返回true，我们才调用RaisePostDataChangedEvent方法。

在前面的asp.net Page事件处理管道我们曾经提到两段比较特殊的代码，一段是处理IPostBackDataHandler一段是处理IPostBackEventHandler。
首先我们还是来先看看
复制代码代码如下:
this.OnInitComplete(EventArgs.Empty);

if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "End InitComplete");
}
if (this.IsPostBack)
{
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "Begin LoadState");
}
this.LoadAllState();
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "End LoadState");
this.Trace.Write("aspx.page", "Begin ProcessPostData");
}
this.ProcessPostData(this._requestValueCollection, true);
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "End ProcessPostData");
}
}
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "Begin PreLoad");
}
this.OnPreLoad(EventArgs.Empty);

这一段吧，在InitComplete之后、PreLoad之前我们这里在处理IPostBackDataHandler接口，这里主要是一个LoadAllState和ProcessPostData方法。

首先我们需要知道这里的_requestValueCollection是一个什么东西，其实很简单，如果是post主要是this._request.Form（其中有些过滤处理，如过滤掉__VIEWSTATE",__EVENTTARGET），如果是get请求有QueryString集合则是this._request.QueryString就是this._request.QueryString。

LoadAllState的主要带代码如下：
复制代码代码如下:
View Code
?private void LoadAllState()
{
object obj2 = this.LoadPageStateFromPersistenceMedium();
IDictionary first = null;
Pair second = null;
Pair pair2 = obj2 as Pair;
if (obj2 != null)
{
first = pair2.First as IDictionary;
second = pair2.Second as Pair;
}
if (first != null)
{
this._controlsRequiringPostBack = (ArrayList) first["__ControlsRequirePostBackKey__"];
if (this._registeredControlsRequiringControlState != null)
{
foreach (Control control in (IEnumerable) this._registeredControlsRequiringControlState)
{
control.LoadControlStateInternal(first[control.UniqueID]);
}
}
}
if (second != null)
{
string s = (string) second.First;
int num = int.Parse(s, NumberFormatInfo.InvariantInfo);
this._fPageLayoutChanged = num != this.GetTypeHashCode();
if (!this._fPageLayoutChanged)
{
base.LoadViewStateRecursive(second.Second);
}
}
}
protected internal virtual object LoadPageStateFromPersistenceMedium()
{
PageStatePersister pageStatePersister = this.PageStatePersister;
try
{
pageStatePersister.Load();
}
catch (HttpException exception)
{
if (this._pageFlags[8])
{
return null;
}
exception.WebEventCode = 0xbba;
throw;
}
return new Pair(pageStatePersister.ControlState, pageStatePersister.ViewState);
}
internal void LoadChildViewStateByID(ArrayList childState)
{
int count = childState.Count;
for (int i = 0; i < count; i += 2)
{
string id = (string) childState[i];
object savedState = childState[i + 1];
Control control = this.FindControl(id);
if (control != null)
{
control.LoadViewStateRecursive(savedState);
}
else
{
this.EnsureOccasionalFields();
if (this._occasionalFields.ControlsViewState == null)
{
this._occasionalFields.ControlsViewState = new Hashtable();
}
this._occasionalFields.ControlsViewState[id] = savedState;
}
}
}

LoadAllState方法注意到是加载每个控件的ControlState和ViewState数据，数据来源是通过LoadPageStateFromPersistenceMedium方法获得的，数据类容就是上次response中各控件的ControlState数据和ViewState数据。

接下来我们该看看ProcessPostData方法，
复制代码代码如下:
private void ProcessPostData(NameValueCollection postData, bool fBeforeLoad)
{
if (this._changedPostDataConsumers == null)
{
this._changedPostDataConsumers = new ArrayList();
}
if (postData != null)
{
foreach (string str in postData)
{
if ((str != null) && !IsSystemPostField(str))
{
Control control = this.FindControl(str);
if (control == null)
{
if (fBeforeLoad)
{
if (this._leftoverPostData == null)
{
this._leftoverPostData = new NameValueCollection();
}
this._leftoverPostData.Add(str, null);
}
}
else
{
IPostBackDataHandler postBackDataHandler = control.PostBackDataHandler;
if (postBackDataHandler == null)
{
if (control.PostBackEventHandler != null)
{
this.RegisterRequiresRaiseEvent(control.PostBackEventHandler);
}
}
else
{
if (postBackDataHandler != null)
{
NameValueCollection postCollection = control.CalculateEffectiveValidateRequest() ? this._requestValueCollection : this._unvalidatedRequestValueCollection;
if (postBackDataHandler.LoadPostData(str, postCollection))
{
this._changedPostDataConsumers.Add(control);
}
}
if (this._controlsRequiringPostBack != null)
{
this._controlsRequiringPostBack.Remove(str);
}
}
}
}
}
}
ArrayList list = null;
if (this._controlsRequiringPostBack != null)
{
foreach (string str2 in this._controlsRequiringPostBack)
{
Control control2 = this.FindControl(str2);
if (control2 != null)
{
IPostBackDataHandler adapterInternal = control2.AdapterInternal as IPostBackDataHandler;
if (adapterInternal == null)
{
adapterInternal = control2 as IPostBackDataHandler;
}
if (adapterInternal == null)
{
throw new HttpException(SR.GetString("Postback_ctrl_not_found", new object[] { str2 }));
}
NameValueCollection values2 = control2.CalculateEffectiveValidateRequest() ? this._requestValueCollection : this._unvalidatedRequestValueCollection;
if (adapterInternal.LoadPostData(str2, values2))
{
this._changedPostDataConsumers.Add(control2);
}
}
else if (fBeforeLoad)
{
if (list == null)
{
list = new ArrayList();
}
list.Add(str2);
}
}
this._controlsRequiringPostBack = list;
}
}

首先根据创建来的参数NameValueCollection的key来查找我们的Control控件，一般情况下控件是可以找到的，但是在load中动态创建的控件这里是找不到的。这个方法分为两部分，以 ArrayList list = null;这句代码分开，一部分如果中不到control控件处理比较简单，如果找到看看它是不是PostBackDataHandler类型，如果不是并且它的PostBackEventHandler不为空，那么我们直接调用它的 this.RegisterRequiresRaiseEvent(control.PostBackEventHandler)方法，如果是 PostBackEventHandler类型的控件我们直接调用它的LoadPostData方法，
复制代码代码如下:
if (postBackDataHandler.LoadPostData(str, postCollection))
{
this._changedPostDataConsumers.Add(control);
}

同时从_controlsRequiringPostBack集合中移除该控件
复制代码代码如下:
if (this._controlsRequiringPostBack != null)
{
this._controlsRequiringPostBack.Remove(str);
}

该方法的第二部分是遍历controlsRequiringPostBack中的集合，它的处理方式和上面一部分类似，只是没有找到控件的id则记录下来
复制代码代码如下:
else if (fBeforeLoad)
{
if (list == null)
{
list = new ArrayList();
}
list.Add(str2);
}

默认情况下_controlsRequiringPostBack是包含动态创建的控件。这里我们也说说这个集合吧，

controlsRequiringPostBack的设置是在LoadAllState方法中的这一句代码：

this._controlsRequiringPostBack = (ArrayList) first["__ControlsRequirePostBackKey__"];有LoadAllState（加载数据状态）就有SaveAllState（保存数据状态），在SaveAllState中有这么一句代码：

dictionary.Add("__ControlsRequirePostBackKey__", this._registeredControlsThatRequirePostBack);

其中_registeredControlsThatRequirePostBack集合定义在RegisterRequiresPostBack方法中。
复制代码代码如下:
public void RegisterRequiresPostBack(Control control)
{
if (!(control is IPostBackDataHandler) && !(control.AdapterInternal is IPostBackDataHandler))
{
throw new HttpException(SR.GetString("Ctrl_not_data_handler"));
}
if (this._registeredControlsThatRequirePostBack == null)
{
this._registeredControlsThatRequirePostBack = new ArrayList();
}
this._registeredControlsThatRequirePostBack.Add(control.UniqueID);
}

总之在这里动态添加的控件是没办法加载数据的，但是其它默认的控件在这里都可以处理。

现在我们来看看控件是如何添加的，在Control类中有一个AddedControl方法是真正添加控件的处理：
复制代码代码如下:
protected internal virtual void AddedControl(Control control, int index)
{
if (control.OwnerControl != null)
{
throw new InvalidOperationException(SR.GetString("Substitution_NotAllowed"));
}
if (control._parent != null)
{
control._parent.Controls.Remove(control);
}
control._parent = this;
control._page = this.Page;
control.flags.Clear(0x20000);
Control namingContainer = this.flags[0x80] ? this : this._namingContainer;
if (namingContainer != null)
{
control.UpdateNamingContainer(namingContainer);
if ((control._id == null) && !control.flags[0x40])
{
control.GenerateAutomaticID();
}
else if ((control._id != null) || (control._controls != null))
{
namingContainer.DirtyNameTable();
}
}
if (this._controlState >= ControlState.ChildrenInitialized)
{
control.InitRecursive(namingContainer);
if (((control._controlState >= ControlState.Initialized) && (control.RareFields != null)) && control.RareFields.RequiredControlState)
{
this.Page.RegisterRequiresControlState(control);
}
if (this._controlState >= ControlState.ViewStateLoaded)
{
object savedState = null;
if ((this._occasionalFields != null) && (this._occasionalFields.ControlsViewState != null))
{
savedState = this._occasionalFields.ControlsViewState[index];
if (this.LoadViewStateByID)
{
control.EnsureID();
savedState = this._occasionalFields.ControlsViewState[control.ID];
this._occasionalFields.ControlsViewState.Remove(control.ID);
}
else
{
savedState = this._occasionalFields.ControlsViewState[index];
this._occasionalFields.ControlsViewState.Remove(index);
}
}
control.LoadViewStateRecursive(savedState);
if (this._controlState >= ControlState.Loaded)
{
control.LoadRecursive();
if (this._controlState >= ControlState.PreRendered)
{
control.PreRenderRecursiveInternal();
}
}
}
}
}

在这个方法中有调用 this.Page.RegisterRequiresControlState(control) 和 control.LoadViewStateRecursive(savedState)方法，一个负责ControlState一个负责 ViewState的数据加载，当我们这里第2次和3次post请求时，在load创建textboxt控件就会加载它已有的控件状态和视图状态。
现在我们再来看看ProcessRequestMain中处理IPostBackEventHandler的那段带代码：
复制代码代码如下:
this.LoadRecursive();
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "End Load");
}
if (this.IsPostBack)
{
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "Begin ProcessPostData Second Try");
}
this.ProcessPostData(this._leftoverPostData, false);
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "End ProcessPostData Second Try");
this.Trace.Write("aspx.page", "Begin Raise ChangedEvents");
}
this.RaiseChangedEvents();
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "End Raise ChangedEvents");
this.Trace.Write("aspx.page", "Begin Raise PostBackEvent");
}
this.RaisePostBackEvent(this._requestValueCollection);
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "End Raise PostBackEvent");
}
}
if (context.TraceIsEnabled)
{
this.Trace.Write("aspx.page", "Begin LoadComplete");
}
this.OnLoadComplete(EventArgs.Empty);

首先我们来看看_leftoverPostData集合是什么，它是在先前一次调用ProcessPostData方法时没有找到控件的一个id集合。在这里就可以找到该控件，执行路线主要就是 ArrayList list = null这句后面部分，最终还是要调用
复制代码代码如下:
if (adapterInternal.LoadPostData(str2, values2))
{
this._changedPostDataConsumers.Add(control2);
}

这个方法，这里第二次调用ProcessPostData方法主要就就是处理动态创建控件的事件问题。

这里我们再来看看RaiseChangedEvents方法吧：
复制代码代码如下:
internal void RaiseChangedEvents()
{
if (this._changedPostDataConsumers != null)
{
for (int i = 0; i < this._changedPostDataConsumers.Count; i++)
{
Control control = (Control) this._changedPostDataConsumers[i];
if (control != null)
{
IPostBackDataHandler postBackDataHandler = control.PostBackDataHandler;
if (((control == null) || control.IsDescendentOf(this)) && ((control != null) && (control.PostBackDataHandler != null)))
{
postBackDataHandler.RaisePostDataChangedEvent();
}
}
}
}
}

我想到这里TextBox的TextChanged事件的执行你应该很清楚了吧。而RaisePostBackEvent方法就不说，看代码大家都会明白的，
复制代码代码如下:
private void RaisePostBackEvent(NameValueCollection postData)
{
if (this._registeredControlThatRequireRaiseEvent != null)
{
this.RaisePostBackEvent(this._registeredControlThatRequireRaiseEvent, null);
}
else
{
string str = postData["__EVENTTARGET"];
bool flag = !string.IsNullOrEmpty(str);
if (flag || (this.AutoPostBackControl != null))
{
Control control = null;
if (flag)
{
control = this.FindControl(str);
}
if ((control != null) && (control.PostBackEventHandler != null))
{
string eventArgument = postData["__EVENTARGUMENT"];
this.RaisePostBackEvent(control.PostBackEventHandler, eventArgument);
}
}
else
{
this.Validate();
}
}
}

到这里我们在回忆一下，一般控件的状态信息保存是通过SaveAllState方法，而加载状态信息是在InitComplete之后、PreLoad之前的LoadAllState方法，加载的数据就是上次请求SaveAllState方法保存的数据，加载状态后调用ProcessPostData方法来处理post过来的数据，动态添加的控件在第二次及后面每次请求添加时都会加载状态数据，说直接一点是动态添加的控件在添加的时候就加载它的状态数据。在 Load之后、 LoadComplete之前就是我们处理控件的事件调用问题，这里我们再次调用ProcessPostData用来处理动态创建的控件与post过来的数据，之后分别调用RaiseChangedEvents、RaisePostBackEvent方法拉起处理 IPostBackDataHandler、IPostBackEventHandler中的事件调用。