asp.net Coolite 學(xué)習(xí)交流

更新時(shí)間：2009年05月17日 09:04:39 作者：

近來不知什么原因，發(fā)現(xiàn)國人有不少開始學(xué)習(xí)Coolite了，對(duì)于有些人可能不知道什么是Coolite，這里先簡單介紹一下

Coolite Toolkit
簡介
Coolite Toolkit 是一個(gè)支持ASP.NET AJAX的Web控件。
Coolite Toolkit是基于跨瀏覽器的ExtJS 庫開發(fā)而來的，并且簡化了開發(fā)步驟，并且包含有豐富的Ajax運(yùn)用。
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 的朋友打一下預(yù)防針-- 很多人都知道extjs控件又大又慢，但因?yàn)樗缑婷烙^，ajax+json操作簡單方便，因此作為企業(yè)應(yīng)用還是不錯(cuò)的選擇。而Coolite基于extjs，因此無可避免也是繼承這個(gè)缺點(diǎn)（我現(xiàn)在用的0.7版本的dll有6M多）。但是用了Coolite，你就可以省掉一大串那樣管理的js代碼了，界面完全可以用它來簡單配置就得到很cool的效果，js只是作為少量的客戶端操作。

Coolite最大不足是：還是開發(fā)階段，bug不少。

廢話少說，給你一個(gè)簡單的ajax例子，你就明白為什么我喜歡它了：

1. AjaxEvet：

//這是一個(gè)服務(wù)端方法

  protected void UpdateTimeStamp(object sender, AjaxEventArgs e)
  {
    this.SetTime();
  }

//Html 調(diào)用上述方法
    <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" 就是指點(diǎn)擊按鈕后調(diào)用服務(wù)端方法UpdateTimeStamp 來更新某個(gè)標(biāo)簽的時(shí)間

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的人基本都會(huì)漏掉配置這一至關(guān)重要的環(huán)節(jié)。

如果想開啟ajax事件，請(qǐng)記得在web.config 里做以下配置：

官方關(guān)于配置的詳細(xì)說明文件：

--------------------------------------------------------------------------
                         SAMPLE WEB.CONFIG
--------------------------------------------------------------------------

<?xml version="1.0"?>
<configuration>
<configSections>
    <section name="coolite" type="Coolite.Web.UI.GlobalConfig" requirePermission="false" />
</configSections>



<coolite theme="Default" />


<system.web>
    <httpHandlers>
      <add path="*/coolite.axd" verb="*" type="Coolite.Ext.Web.ResourceManager" validate="false" />
    </httpHandlers>
    <httpModules>
        <add name="AjaxRequestModule" type="Coolite.Ext.Web.AjaxRequestModule, Coolite.Ext.Web" />
    </httpModules>
</system.web>

    
    <system.webServer>
        <validation validateIntegratedModeConfiguration="false"/>
        <modules>
            <add name="AjaxRequestModule" preCondition="managedHandler" type="Coolite.Ext.Web.AjaxRequestModule, Coolite.Ext.Web" />
        </modules>
        <handlers>
            <add name="AjaxRequestHandler" verb="*" path="*/coolite.axd" preCondition="integratedMode" type="Coolite.Ext.Web.ResourceManager"/>
        </handlers>
    </system.webServer>
</configuration>