coolite 事件机制

       coolite 将Ext 脚本框架封装成了一系列的asp.net 控件,在保持了ext脚本框架丰富的展示效果的同时,更增加了使用的方便性。只需要拖动coolite控件到页面上,然后几步简单的设置和几段简单的脚本。丰富的界面效果就呈现在屏幕上。当漂亮的程序呈现在屏幕上时 ,那心情 绝了 。。除了感叹牛人们的巧妙构思和精湛技艺外,还是感觉自己的水平太逊了,还是需要快马加鞭的往前走哈。。。 

       呵呵,罗罗嗦嗦的墨迹了大半天,兄弟们听得都烦了吧? 下面言归正传:讲一讲我学习coolite的体会。呵呵 偷了点懒,代码直接用官方的例子了。

1 首先当然是coolite的事件机制了。把这个基本的原理整明白了,以后用起来也就得心应手了。
coolite 的事件分为两种 : ajaxevent 和ajaxmethod 

       ajaxevent 和一般的ajax框架差不多,主要实现了前台对后台代码方法的调用,我们可以将事件通过ajaxevent标签的方式注册到scriptmanager中,也可以分散注册到控件上,然后在后台写好需要实现的代码。
C#复制代码
  1. protected void UpdateTimeStamp(object sender, AjaxEventArgs e)   
  2. {   
  3.         this.SetTime();   
  4. }   
  5. void SetTime()   
  6. {   
  7.         this.Label1.Text = DateTime.Now.ToLongTimeString();   
  8. }  
       后台代码中 :UpdateTimeStamp(object sender, AjaxEventArgs e) 这个方法很重要,大家注意他的参数,是ajaxeventargs ,coolite 就是通过这种参数类型的方法来实现对后台代码的调用的。而且可以对任何的页面元素注册ajaxevent事件,可以通过id 甚至通过css来对coolite控件 ,asp.net控件,以及 html元素进行ajax元素的注册。 简单例子:
C#复制代码
  1. <ext:Button ID="Button1" runat="server" Text="Submit">   
  2.         <AjaxEvents>   
  3.             <Click OnEvent="Button_Click"></Click>   
  4.         </AjaxEvents>   
  5. </ext:Button>  
C#复制代码
  1. protected void Button_Click(object sender, AjaxEventArgs e)   
  2. {   
  3.     Ext.Msg.Alert("提示","有错误发生").Show();   
  4. }  

       ajaxmethod 这种事件机制似乎更直接一步,通过在后台的方法中加入 [AjaxMethod] 这样一个声明,直接将后台写的方法注册到Coolite.AjaxMethods 集合中了。这时,我们只需要在前台通过添加Listenner的方式直接调用后台的方法就可以了。而且调用完毕后可以通过我们返回的结果和前台进行交互,进行随后的操作。例如如下的代码在完成需要的操作后返回给前台一个结果,前台可以根据这个结果进行提示或者别的什么操作。
C#复制代码
  1. <script runat="server">   
  2.      [AjaxMethod]   
  3.     public static string GetTimeStamp4()   
  4.      {   
  5.         return DateTime.Now.ToLongTimeString();   
  6.      }   
  7. </script>   
  8.   
  9. <ext:Button xrunat="server" Text="Click Me" Icon="Lightning">   
  10.     <Listeners>   
  11.         <Click Handler="  
  12.              Coolite.AjaxMethods.GetTimeStamp4({  
  13.                  success: function(result) {  
  14.                      Ext.Msg.alert('Server Time', result);  
  15.                  }  
  16.              });" />   
  17.     </Listeners>   
  18. </ext:Button>  
       需要强调的一点。。Listenner中注册的都是客户端时间 。我们可以在客户端事件中通过调用Coolite.AjaxMethods 来执行后台的方法。

以上就是coolite的事件机制。 大家对这些有个大概的了解后 应用coolite做一些简单的应用应该就问题不大了。


上一篇:Coolite的AjaxEvent绑定在在官方的Button控件

下一篇:js带记忆功能的伸缩菜单

留下脚印压缩包密码:sosuo8
名字:
全部评论:
申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ coolite 事件机制 ”的原作者,若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法:email:ahuinan@21cn.com  QQ:106494262

感谢以下网友对网站提出的建议:
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)
文章档案
  • 作者:佚名
  • 来源:转载
  • 日期:2010-2-6 18:12:00
  • 点击:239
网友投票(您觉得这篇文章怎样?)
loadding...请稍侯......