Extjs .net版Coolite Extjs调用事件的方法

Coolite Extjs也就是asp.net Extjs版本相关的资料太少了,一点小问题都要搞好久,现在找到一个比较实用的资料,Coolite Extjs调用事件与web.config的配置方法。

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>

3、Web.Config
第一次用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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值