Coolite 交流

关注

原创最新推荐文章于 2022-04-05 01:00:00 发布 7.8k 阅读 AI 写同款· GEO 优化 ›

SAP MM配置不求人：手把手教你搞定OMSK评估类（附标准物料类型对照表）本文深入解析SAP MM模块中OMSK评估类的配置方法，详细讲解评估类与物料类型的匹配逻辑，并提供标准物料类型对照表。通过实战案例和配置指南，帮助用户掌握评估类的定义与科目设置，确保库存价值核算的准确性。阅读详情

近来不知什么原因，发现国人有不少开始学习Coolite了，对于有些人可能不知道什么是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 里做以下配置：

官方关于配置的详细说明文件：

--------------------------------------------------------------------------
                         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>