利用Coolite(ExtJS)访问Asp.net C#后台程序方法

假设页面上有个按钮,为:

<ext:Button ID="Button1" runat="server" Text="Click Me">
</ext:Button>

第一件我们需要做的事情,就是给这个按钮加类似onclick的方法:

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

这里,我们加入了一个ajax方法,事件是click,执行方法名字是UpdateTimeStamp,EventMask指的是当点击的时候,显示一个类似"正在执行"的等待窗口,事件是500毫秒,来看一下C#方法:

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

至于settime方法是什么,就随便了...
这个例子给我们提供了一个coolite无刷新访问后台程序的方法. 在实际中可以灵活运用.

再提供一个一样功能的实现方式:
在每个asp.net页面中,都需要加入:

<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>

作用是注册页面对ajax的支持.
假如我们有一个按钮,和上面不同,代码只是:

<asp:Button ID="Button2" runat="server" Text="Click Me" />

这是一个最简单的定义一个Button的方法. 如果我们需要加上onclick访问后台代码的方法,还可以这么做:

<ext:ScriptManager ID="ScriptManager1" runat="server">
<CustomAjaxEvents>
                <ext:AjaxEvent Target="Button2" OnEvent="UpdateTimeStamp">
                    <EventMask ShowMask="true" MinDelay="500" Msg="Updating TimeStamp..." />
                </ext:AjaxEvent>
</CustomAjaxEvents>
</ext:ScriptManager>

即,在加入对ajax的支持时,同时加入对这个Button的ajax方法