Coolite Toolkit
簡介
Coolite Toolkit 是一個支持ASP.NET AJAX的Web控件。
Coolite Toolkit是基于跨瀏覽器的ExtJS 庫開發而來的,并且簡化了開發步驟,并且包含有豐富的Ajax運用。
Coolite Toolkit和ExtJS 都是開源的。
官方主頁:http://coolite.com
下載地址:http://coolite.com/download
Samples: http://examples.coolite.com
而且我在cnblogs 建立了小組,用cnblogs的可以去加入:http://space.cnblogs.com/group/coolite/ (csdn 管理員不要踢我 - 。-!)
另外最近我加入了討論Coolite的Q群:86399374
先給那些沒有用過ExtJs 或 Coolite 的朋友打一下預防針-- 很多人都知道extjs控件又大又慢,但因為它界面美觀,ajax+json操作簡單方便,因此作為企業應用還是不錯的選擇。而Coolite基于extjs,因此無可避免也是繼承這個缺點(我現在用的0.7版本的dll有6M多)。但是用了Coolite,你就可以省掉一大串那樣管理的js代碼了,界面完全可以用它來簡單配置就得到很cool的效果,js只是作為少量的客戶端操作。
Coolite最大不足是:還是開發階段,bug不少。
廢話少說,給你一個簡單的ajax例子,你就明白為什么我喜歡它了:
1. AjaxEvet:
//這是一個服務端方法
protected void UpdateTimeStamp(object sender, AjaxEventArgs e)
{
this.SetTime();
}
//Html 調用上述方法
<ext:Button ID="Button1" runat="server" Text="Click Me">
<AjaxEvents>
<Click OnEvent="UpdateTimeStamp">
<EventMask ShowMask="true" MinDelay="500" Msg="Updating TimeStamp..." />
</Click>
</AjaxEvents>
</ext:Button>
OnEvent="UpdateTimeStamp" 就是指點擊按鈕后調用服務端方法UpdateTimeStamp 來更新某個標簽的時間
2. AjaxMethod:
<script runat="server">
[AjaxMethod]
public void SetTimeStamp()
{
this.Label1.Text = string.Concat("Server Time: ", DateTime.Now.ToLongTimeString());
}
</script>
<ext:Button ID="Button5" runat="server" Text="Click Me" Icon="Lightning">
<Listeners>
<Click Handler="Coolite.AjaxMethods.SetTimeStamp();" />
</Listeners>
</ext:Button>
第一次用coolite的人基本都會漏掉配置這一至關重要的環節。
如果想開啟ajax事件,請記得在web.config 里做以下配置:
<httpHandlers>
<add path="*/coolite.axd" verb="*" type="Coolite.Ext.Web.ResourceManager" validate="false"/>
</httpHandlers>
<httpModules>
新聞熱點
疑難解答
圖片精選