ASP.NET AJAX入门系列（7）：使用客户端脚本对UpdateProgress编程

ASP.NET AJAX入门系列（7）：使用客户端脚本对UpdateProgress编程2010-10-12TerryLee在本篇文章中，我们将通过编写JavaScript来使用客户端行为扩展UpdateProgress控件，客户端代码将使用ASP.NET AJAX Library中的PageRequestManager，在UpdateProgress控件中，将添加一个Button，来允许用户取消异步更新，并且使用客户端脚本来显示或者隐藏进度信息。

一．通过客户端脚本取消异步更新

1．创建一个Web页面并切换到设计视图。

2．在工具箱中双击ScriptManager、UpdatePanel、UpdateProgress控件添加到页面中。添加后页面如下：

3．在UpdatePanel控件中添加一个Label控件并设置它的Text属性值为“Panel Rendered”。

4．添加一个Button控件并设置它的Text属性值为“refresh”。

5．在UpdateProgress控件中添加文本text Processing…，并添加一个HtmlButton控件并设置它的Text属性为cancle。

6．双击refresh控件添加Click事件。

7．在Buttond的Click事件处理中添加如下代码，人为的创建一个3秒钟的延迟并显示当前服务器的时间。

protected void Button1_Click（object sender, EventArgs e）
{
System.Threading.Thread.Sleep（3000）;
Label1.Text = DateTime.Now.ToString（）;
}

8．添加如下脚本，获取一个当前PageRequestManager类的实例，并创建一个函数调用abortPostBack方法来停止异步更新。

<script language="javascript" type="text/javascript">
<！--
var prm = Sys.WebForms.PageRequestManager.getInstance（）;
function CancelAsyncPostBack（） {
if （prm.get_isInAsyncPostBack（）） {
prm.abortPostBack（）;
}
}
// -->
</script>

9．设置HtmlButton的click特性为CancelAsyncPostBack。