coolite 将Ext 脚本框架封装成了一系列的asp.net 控件,在保持了ext脚本框架丰富的展示效果的同时,更增加了使用的方便性。只需要拖动coolite控件到页面上,然后几步简单的设置和几段简单的脚本 。丰富的界面效果就呈现在屏幕上。当漂亮的程序呈现在屏幕上时 ,那心情 绝了 。。 除了感叹牛人们的巧妙构思和精湛技艺外,还是感觉自己的水平太逊了,还是需要快马加鞭的往前走哈。。。
呵呵,罗罗嗦嗦的墨迹了大半天,兄弟们听得都烦了吧? 下面言归正传:讲一讲我学习coolite的体会。呵呵 偷了点懒,代码直接用官方的例子了。
1 首先当然是coolite的事件机制了。把这个基本的原理整明白了,以后用起来也就得心应手了。
coolite 的事件分为两种 : ajaxevent 和ajaxmethod
ajaxevent 和一般的ajax框架差不多,主要实现了前台对后台代码方法的调用,我们可以将事件通过ajaxevent标签的方式注册到scriptmanager中,也可以分散注册到控件上,然后在后台写好需要实现的代码。
{
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做一些简单的应用应该就问题不大了。。