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

假设页面上有个按钮,为:
Java代码
  1. <ext:Button ID="Button1" runat="server" Text="Click Me">   
  2. </ext:Button>  


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

Java代码
  1.   
  2. <ext:Button ID="Button1" runat="server" Text="Click Me">   
  3.             <AjaxEvents>   
  4.                 <Click OnEvent="UpdateTimeStamp">   
  5.                     <EventMask ShowMask="true" MinDelay="500" Msg="Updating TimeStamp..."   />   
  6.                 </Click>   
  7.             </AjaxEvents>   
  8. </ext:Button>  

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

Java代码
  1. protected void UpdateTimeStamp(object sender, AjaxEventArgs e)   
  2. {   
  3.      this.SetTime();   
  4. }  


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

再提供一个一样功能的实现方式:
在每个asp.net页面中,都需要加入:
Java代码
  1. <ext:ScriptManager ID="ScriptManager1" runat="server">   
  2. </ext:ScriptManager>  

作用是注册页面对ajax的支持.
假如我们有一个按钮,和上面不同,代码只是:
Java代码
  1. <asp:Button ID="Button2" runat="server" Text="Click Me" />  

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

Java代码
  1. <ext:ScriptManager ID="ScriptManager1" runat="server">   
  2. <CustomAjaxEvents>   
  3.                 <ext:AjaxEvent Target="Button2" OnEvent="UpdateTimeStamp">   
  4.                     <EventMask ShowMask="true" MinDelay="500" Msg="Updating TimeStamp..." />   
  5.                 </ext:AjaxEvent>   
  6. </CustomAjaxEvents>   
  7. </ext:ScriptManager>  

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

原文:http://myjavaeye.javaeye.com/blog/505935

你可能感兴趣的:(asp.net)