天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

asp.net Coolite 學習交流

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>     
      <add name="AjaxRequestModule" type="Coolite.Ext.Web.AjaxRequestModule, Coolite.Ext.Web"/>
    </httpModules>


    <modules>
      <!--Coolite Config-->
      <add name="AjaxRequestModule" preCondition="managedHandler" type="Coolite.Ext.Web.AjaxRequestModule, Coolite.Ext.Web"/>
    </modules>


   <handlers>
      <!--Coolite Config-->
      <add name="AjaxRequestHandler" verb="*" path="*/coolite.axd" preCondition="integratedMode" type="Coolite.Ext.Web.ResourceManager"/>
    </handlers>


官方關于配置的詳細說明文件:


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

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

  <!-- 
      COOLITE GLOBAL CONFIGURATION PROPERTIES

      ajaxEventUrl : string
          The url to request for all AjaxEvents.
          Default is "".

      ajaxMethodProxy : ClientProxy
          Specifies whether server-side Methods marked with the [AjaxMethod] attribute will output configuration script to the client.
          If false, the AjaxMethods can still be called, but the Method proxies are not automatically generated.
          Specifies ajax method proxies creation. The Default value is to Create the proxy for each ajax method.
          Default is 'Default'. Options include [Default|Include|Ignore]

      ajaxViewStateMode : ViewStateMode
          Specifies whether the ViewState should be returned and updated on the client during an AjaxEvent.
          The Default value is to Exclude the ViewState from the Response.
          Default is 'Default'. Options include [Default|Exclude|Include]

      cleanResourceUrl : boolean
          The Coolite controls can clean up the autogenerate WebResource Url so they look presentable.       
          Default is 'true'. Options include [true|false]

      clientInitAjaxMethods : boolean
          Specifies whether server-side Methods marked with the [AjaxMethod] attribute will output configuration script to the client.
          If false, the AjaxMethods can still be called, but the Method proxies are not automatically generated.
          Default is 'false'. Options include [true|false]

      gzip : boolean
          Whether to automatically render scripts with gzip compression.       
          Only works when renderScripts="Embedded" and/or renderStyles="Embedded".      
          Default is true. Options include [true|false]

      scriptAdapter : string
          Gets or Sets the current script Adapter.    
          Default is "Ext". Options include [Ext|jQuery|Prototype|YUI]

      renderScripts : ResourceLocationType
          Whether to have the coolite controls output the required JavaScript includes or not.      
          Gives developer option of manually including required <script> files.       
          Default is Embedded. Options include [Embedded|File|None]

      renderStyles : ResourceLocationType
          Whether to have the coolite controls output the required StyleSheet includes or not.      
          Gives developer option of manually including required <link> or <style> files.      
          Default is Embedded. Options include [Embedded|File|None]

      resourcePath : string
          Gets the prefix of the Url path to the base ~/Coolite/ folder containing the resources files for this project.
          The path can be Absolute or Relative.

      scriptMode : ScriptMode
          Whether to include the Release (condensed) or Debug (with inline documentation) Ext JavaScript files.      
          Default is "Release". Options include [Release|Debug]

      sourceFormatting : boolean
          Specifies whether the scripts rendered to the page should be formatted. 'True' = formatting, 'False' = minified/compressed.
          Default is 'false'. Options include [true|false]

      stateProvider : StateProvider
          Gets or Sets the current script Adapter.
          Default is 'PostBack'. Options include [PostBack|Cookie|None]

      theme : Theme
          Which embedded theme to use.      
          Default is "Default". Options include [Default|Gray|Slate]

      quickTips : boolean
          Specifies whether to render the QuickTips. Provides attractive and customizable tooltips for any element.
          Default is 'true'. Options include [true|false]
  -->

  <coolite theme="Default" />

 
  <!--
      The following system.web section is only requited for running ASP.NET AJAX under InterNET
      Information Services 6.0 (or earlier).  This section is not necessary for IIS 7.0 or later.
  -->
  <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>

 
    <!--
      The system.webServer section is required for running ASP.NET AJAX under InterNET Information Services 7.0.
      It is not necessary for previous version of IIS.
  -->
    <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>

AspNet技術asp.net Coolite 學習交流,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 九九热在线免费观看 | 在线免费观看毛片 | 亚洲精品久久久久久久蜜臀老牛 | 免费在线观看的毛片 | 久久国产亚洲精品AV麻豆 | 日本无码欧美激情在线视频 | 亚洲国产精品VA在线看黑人 | 国产树林野战在线播放 | 国产在线精品国自产拍影院午夜 | 免费国产麻豆传 | 老人FREE VIODES老少配 | 一级性生活毛片 | 亚洲欧洲精品成人久久曰影片 | 在线播放一区二区精品产 | 麻豆啊传媒app黄版破解免费 | 黑人巨大交牲老太 | 亚洲精品国产品国语在线试看 | 亲胸揉胸膜下刺激视频在线观看 | 麻豆精品一卡2卡三卡4卡免费观看 | 美女露出撒尿的部位 | 国产成人在线小视频 | 亚洲福利天堂网福利在线观看 | 国产欧美日韩网站 | 午夜熟女插插XX免费视频 | 午夜爱情动作片P | 午夜4k最新福利 | 性色无码AV久久蜜臀 | 国产亚洲精品久久久久久久 | 91日本在线观看亚洲精品 | 国产精品1卡二卡三卡四卡乱码 | 日本熟妇乱妇熟色在线电影 | 人妻无码AV中文系统久久免费 | 乳欲性高清在线 | 免费观看男生桶美女私人部位 | 久久这里只有精品国产99 | 欧美国产精品久久久乱码 | 桥本有菜黑丝 | 诱受H嗯啊巨肉各种play | 国产真实乱对白精彩 | 四虎国产精品永久一区高清 | 大香网伊人久久综合观看 |