.net控件开发系列 事件处理机制 三个接口两个方法

       这两天我想了想,还是改成.net控件开发系列好一点吧。最起码是顺口一点。好了,废话不多说,进入正题吧,我们如果要作为一个控件开发人员,必须考虑事件处理机制,然而在事件处理机制需要解决两大难题,一是服务器如何接收到回传的事件,二个通过post提交的表单回传到服务器后,服务器做了什么。带着这两个问题,进入我们的正题吧。

      为了解决以上问题,.net 2.0提供了两个重要接口:IPostBackEventHandler,IPostBackDataHandler,而且在.net增强了回调处理方面功能,如ICallbackEventHandler接口(详细第二节 开发ajax控件),GetCallbackEventReference方法,GetPostBackClientHyperlink方法等等,

我们来详述这二种接口二种方法种方法(那个ICallbackEventHandler在第二章已讲述了,所以现在讲述其余四个).跟我走吧。

第一个:IPostBackEventHandler,该接口用于处理由客户端引发的页面回传事件,实现此接口,服务器控件可将客户端的提交表单事件对应到服务器的事件上。允许页面开发者通过事件处理程序去调用服务器事个把来处理客户端事件。例如。页面上有一个button,当我们按下button时,它就要服务器端触发了一个Click事件。 为了开发能触发事件响应回传的控件,我们需要实现此接口System.Web.UI.IPostBackEventHandler 接口。

该接口表述如下:

 

Public interface IPostBackEventHandler{ 

    
void RaisePostBackEvent(string eventArgument); 


 

此参数eventArgument表示要传递到事件处理程序的可选事件参数,eventArgument 参数的值传递给实现IPostBackEventHandler接口的控件的 RaisePostBackEvent 方法。此控件还会呈现导致发生回发的 HTML 元素。如果控件呈现了用于回发的客户端脚本,则会在 eventArgument 参数中传递脚本中的参数。如果回发是由简单提交所引起的,则 eventArgument 参数为空引用.

示例一:

控件代码:

控件代码

(必须要有writer.AddAttribute("Name", this.UniqueID);。不然不会触发事件,我们下文将有一个没有用到UniqueID的,将与之比比)

Aspx代码:

 1<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 2<%@ Register Namespace="cnblogs.suiqirui" TagPrefix="but" %>
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5<html xmlns="http://www.w3.org/1999/xhtml" >
 6<head runat="server">
 7    <title>无标题页</title>
 8    <script runat=server>
 9    
10        protected void but_Click(object sender, EventArgs e)
11        {
12            Response.Write("你触发了按钮");
13        
14        }

15    
</script>
16</head>
17<body>
18    <form id="form1" runat="server">
19    <div>
20    <but:buttonevent runat=server ID="but" Text="click me"  OnClick="but_Click"/>
21  
22    </div>
23    </form>
24</body>
25</html>
26

我只是上述控件例了,为了说明IPostBackEventHandler应用场合,但上述例子中的事件处理没有得到优化,因为它为每个委托实例生成一个字段,当控件上定义了很多事件时,就会增加存储成本,基类 System.Web.UI.Control 为存储和检索事件委托提供了更有效的数据结构(通过其 Events 属性)。Events 属性的类型为 EventHandlerList,该类型是为有效存储和检索事件委托而设计的数据结构;我把优化了的事件处理贴上来,看看:

代化事件后

 

到此为此,讲完了第一个事件处理IPostBackEventHandler

第二个:IPostBackDataHandler 该接口用于处理客户端引发的页面回传的事件,实现此接口,服务器可将客户端的提交表单事件对应到服务器的事件上,并且通过事件上,并且通过事件处理程序完成对该客户端事个把的处理. 如果希望设计的服务器控件检查客户端回发到服务器的窗体数据,则必须实现 IPostBackDataHandler 接口。该接口定义的合同允许服务器控件确定其状态是否在回发发生后更改,并引发适当的事件 该接口有两个方法.

该接口表述如下:

 

1Public interface IPostBackDataHandler
2
3bool LoadPostData(string postDataKey, System.Collections.Specialized.NameValueCollection postCollection);// 为 ASP.NET 服务器控件处理回发数据。 
4
5void RaisePostDataChangedEvent();//要求服务器控件对象通知 ASP.NET 应用程序该控件的状态已更改 
6
7}
 
8

 

LoadPostData方法。如果服务器控件的状态在回发发生后更改,则为 true;否则为 false

示例:

 

LoadPostData示例

 

RaisePostDataChangedEvent实现该接口的服务器控件的更改事件(如果有)从此方法引发。

示例:

 

public virtual void RaisePostDataChangedEvent() 

OnTextChanged(EventArgs.Empty); 

}
 

 

控件代码:

控件示例

我们详细说一下下面的两个方法:

 

第三个: GetPostBackClientHyperlink,该方法将由页面Page调用,用于产生客户端脚本,从超链接中引起回传,为了说明其执行回传功能,我们来创建军一个自定义控件(LinkButton_Demo),这个控件生成一个超链接,在点击链接时,将表单上传到服务器端.:

示例:

控件代码:

GetPostBackClientHyperlink 方法

 

Aspx页面:

 

 

 1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
 2<%@ Register Namespace="cnblogs.sui" TagPrefix="ss" %>
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5<html xmlns="http://www.w3.org/1999/xhtml" >
 6<head runat="server">
 7    <title>无标题页</title>
 8    <script  runat=server>
 9        protected void tt(object sender, EventArgs e)
10        {
11
12            Response.Write("sender ..");
13        }

14    
15    
</script>
16</head>
17<body>
18    <form id="form1" runat="server">
19    <div>
20    <ss:LinkButton_demo runat=server ID="link" OnClick="tt" Text="click me" />
21    </div>
22    </form>
23</body>
24</html>
25

 

结下来我们来分析其原理

先看运行结果:
 

 

点击click me后,打出"send…."

当们查看其源代码,发现.

 

我将看到由LinkButton_demo生成如下HTML语言。

<id="link" href="javascript:__doPostBack('link','')">click me</a> 

在页面底部,将看到两个隐藏域和一段javascript脚本.     

 

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> 

    
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> 

</div> 

<script type="text/javascript"> 

<!-- 

var theForm = document.forms['form1']; 

if (!theForm) 

theForm 
= document.form1; 

}
 

function __doPostBack(eventTarget, eventArgument) 

if (!theForm.onsubmit || (theForm.onsubmit() != false)) 

theForm.__EVENTTARGET.value 
= eventTarget; 

theForm.__EVENTARGUMENT.value 
= eventArgument; 

theForm.submit(); 

}
 

}
 

// --> 

</script> 

现在分析一下是如何提供之些元素,我们重新来看看控件代码。我们在AddAttributes中有这么一段代码。将看到下面的调用:

 

Writer.AddAttribute(HtmlTextWriterAttribute.Href,Page.GetPostBackClientHyperlink(this,string.Empty)); 

 

GetPostBackClientHyperlink方法主要实现两个功能

  1. GetPostBackClientHyperlink返回一个字符串" javascript:__doPostBack('link','')",这个由页面生成到__doPostBack javascript函数的调用。参数值:以一个UniqueID和一个当控件生成多重回传元素时采用的可选字符串参数(我们将在下一个方法[GetCallbackEventReference]中来讲述)
  2. GetPostBackClientHyperlink将告诉页面去生成两个隐藏域(__EVENTTARGET, __EVENTARGUMENT),以及引起回传(__doPostBack)的javascript函数,

当我们点了超链接后,发生了什么呢?

其实,当点击后,Javascript 函数__doPostBack被调用。这个函数把控件的UniqueID值给了__EVENTTARGET隐藏域中,把事件参数赋给了__EVENTARGUMENT隐藏域并回传表单,在服务器端,将读取过来的表单数据中的__EVENTTARGET变量,并调用控件的RaisePostBackEvent方法,此方法的UniqueID的值与__EVENTTARGET变量的值相匹配,此外,页面把表单发送数据中的__EVENTARGUMENT变量的值作为参数传给RaisePostBackEvent方法。不知道大家注意到一个细节没有,我们在这个LinkButton_demo控件中,没有给它附上UniqueID,而在我们那IPostBackEventHandler这个接口中举的那个例子,一定要用到name(id)给上一个UniqueID值,那是因为LinkButton_demo它会在HTML标签上自动生成作为name属性的UniqueID.

当我们生成的是一个表单元素不是超链接时,我们就要用到GetPostBackEventReference

第四个:GetPostBackEventReference

因为实现原理与GetPostBackClientHyperlink差不多,所以直接写个例子大家看看吧。

控件代码:

 

 

控件代码

 

示例代码:

 1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
 2<%@ Register Namespace="cnblogs.suiqi" TagPrefix="cn" %>
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5<html xmlns="http://www.w3.org/1999/xhtml" >
 6<head runat="server">
 7    <title>无标题页</title>
 8    <script runat=server>
 9    
10        protected void NextClick(object sender, EventArgs e)
11        {
12            Response.Write("you press Next button: "+this.eve.NextT);
13        }

14        protected void PreClick(object sender, EventArgs e)
15        {
16            Response.Write("you press Previous button: "+this.eve.PreviousT);
17            }

18    
</script>
19</head>
20<body>
21    <form id="form1" runat="server">
22    <div>
23    <cn:EventRef runat=server ID="eve"  NextT="后一下" PreviousT="前一个" OnClickN="NextClick" OnClickP="PreClick"/>
24    
25    </div>
26    </form>
27</body>
28</html>
29

 

最后我们看看生成后的html:

发现有如下代码:

<button onclick="__doPostBack('eve','Previous')" language="javascript">前一个</button><button onclick="__doPostBack('eve','Next')" language="javascript">后一下</button>

其中的__doPostBack('eve','Previous'),这个就说明了第二个参数的作用,当控件生成多重回传元素时,采用的可选字符
串参数

——————————》
我的控件开发系列

posted @ 2007-10-16 14:44  过河卒A  阅读(4651)  评论(8编辑  收藏  举报