分清AJAX中的Extender和Behavior模型

  ASP.NET AJAX提出了多种模型,在客户端有Component、Control和Behavior模型,在端有ScirptControl和Extender模型。这些模型各有各的用途,但是请注意非常重要的一点:客户端模型和端模型是相互独立的。www.njoww.com

  ASP.NET AJAX的重要组件之一是Ajax Control Toolkit,其中包括了大量的Extender和Behavior.其中的Extender使用ASP.NET AJAX提出的Extender模型,在客户端使用了Microsoft AJAX Library提出的Behavior模型。Extender和Behavior模型的组合提供了丰富的效果。那么,究竟什么是Extender模型,什么是Behavior模型呢?

  服务器端的Extender控件其实是一个继承了Control类并且实现了IExtenderControl接口的类,我们在开发时也可以直接继承ExtenderControl类,它已经满足了上述条件并且定义了一些常用的方法。Extender控件的作用,简单说来只是想客户端输出脚本,更确切地说,是将需要在页面上执行的脚本告诉ScriptManager,ScriptManager会根据目前的状况(普通加载还是异步回送)选择不同的输出方式。从理论上来说,Extender可以输出任意脚本。因此我们只能说“Ajax Control Tookit中的Extender在客户端使用了Behavior”而不能说“Extender模型在客户端使用了Behavior模型”。

  Behavior模型在客户端提供了丰富的功能,它操作的完全是客户端对象,有些可能会访问Web Service方法,但是这并不影响它仅仅是在客户端工作的这个特性。Behavior完全可以独立于服务器端工作,客户端(浏览器)只是按部就班地执行客户端的代码,它也不会知道究竟是何种服务器技术生成了这些代码。

  因此,我们在使用Ajax Control Tookit时,也必须牢记以下几条:njoww.com

  Extender模型和Behavior模型没有必然联系。

  Behavior可以独立于Extender执行。

  所有效果是由Behavior提供的。

  关于第1条已经在上文中解释过了。在我之前的一篇文章“ModalUpdateProgress控件”中利用了第2条特性。在 ModalUpdateProgress控件中我使用了ModalPopupBehavior,我的做法是从ModalPopupExtender中提取所有需要的Script文件,并输出至页面,如下:

 private IEnumerable<ScriptReference> GetExtenderReferences()  
  {  
      if (extenderReferences == null)  
      {  
          lock (typeof(ModalUpdateProgess))  
          {  
              if (extenderReferences == null)  
              {  
                  extenderReferences =   
        (new ModalPopupExtender() as IExtenderControl).GetScriptReferences();  
              }  
          }  
      }  
        
      return extenderReferences;  
  }  

  因此,我就能够在客户端使用ModalPopupBehavior来构造我所需要的效果了,这里没有Extender,这里只有Behavior.

  关于第3条特性,我认为是最重要的,也是最常利用的一条。我经常会收到例如“如何点击另一个按钮让CollapsiblePanel收缩或打开”或者“如何切换ToggleButton状态”这样的提问,其实这些问题的答案是相同的,使用Script来操作Behavior. Ajax Control Toolkit在服务期端提供的控件实在是太好用了,以至于官方将其托托放放的功能演示了一遍又一遍,乐此不疲。大量的演示却让人忘记了客户段的 Behavior才是关键,Behavior才是让客户端丰富多彩的功臣。

  最近有位朋友问我,如何在客户端使用Authentication Service登陆用户以后,用ModalPopupExtender的方式将结果显示给用户呢?其实关键还是在于使用JavaScript来操作 ModalPopupBehavior.我在这里演示一下使用JavaScript操作ModalPopupBehavior的方法。

  首先,在服务器端放置一个ScriptManager、一个TextBox、一个Panel和一个ModalPopupBehavior.

<asp:ScriptManager ID="ScriptManager1" runat="server" />  
    
<asp:TextBox ID="TextBox1" runat="server" style="display:none;" />  
    
<asp:Panel runat="server" ID="popupPanel"  
      style="border: solid 1px black; padding: 10px; width: 300px; display:none;">  
      <b style="font-size: 15pt;">Here's the Message</b>  
      <br />  
      <asp:Button ID="Button1" runat="server" Text="Button" />  
</asp:Panel>  
    
<ajaxToolkit:ModalPopupExtender runat="server"  
      TargetControlID="TextBox1" PopupControlID="popupPanel"  
      OkControlID="Button1" BehaviorID="modalPopup" />  

  一切都是最平常的使用方式,只是以下几点需要注意:

  TextBox的display设为none:因为ModalPoupBehavior必须要有

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值