coolite学习笔记1

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

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

   1  首先当然是coolite的事件机制了。把这个基本的原理整明白了，以后用起来也就得心应手了。

          coolite 的事件分为两种 ： ajaxevent 和ajaxmethod  

             ajaxevent 和一般的ajax框架差不多，主要实现了前台对后台代码方法的调用，我们可以将事件通过ajaxevent标签的方式注册到scriptmanager中，也可以分散注册到控件上，然后在后台写好需要实现的代码。

 

  protected void UpdateTimeStamp(object sender, AjaxEventArgs e)
 {
        this.SetTime();
 }
 void SetTime()
 {
        this.Label1.Text = DateTime.Now.ToLongTimeString();
  }

 

    后台代码中 ：UpdateTimeStamp(object sender, AjaxEventArgs e) 这个方法很重要，大家注意他的参数，是ajaxeventargs ，coolite 就是通过这种参数类型的方法来实现对后台代码的调用的。 而且可以对任何的页面元素注册ajaxevent事件，可以通过id 甚至通过css来对coolite控件 ，asp.net控件，以及 html元素进行ajax元素的注册。

     ajaxmethod   这种事件机制似乎更直接一步，通过在后台的方法中加入 [AjaxMethod] 这样一个声明，直接将后台写的方法注册到Coolite.AjaxMethods 集合中了。这时，我们只需要在前台通过添加Listenner的方式直接调用后台的方法就可以了。而且调用完毕后 可以通过我们返回的结果和前台进行交互，进行随后的操作。 例如如下的代码在完成需要的操作后返回给前台一个结果，前台可以根据这个结果进行提示或者别的什么操作。

<script runat="server">
    [AjaxMethod]
    public static string GetTimeStamp4()
    {
        return DateTime.Now.ToLongTimeString();
    }
</script>

<ext:Button xrunat="server" Text="Click Me" Icon="Lightning">
    <Listeners>
        <Click Handler="
            Coolite.AjaxMethods.GetTimeStamp4({
                success: function(result) {
                    Ext.Msg.alert('Server Time', result);
                }
            });" />
    </Listeners>
</ext:Button>

      需要强调的一点。。Listenner中注册的都是客户端时间 。我们可以在客户端事件中通过调用Coolite.AjaxMethods 来执行后台的方法。

          

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