ASP.NET AJAX入门系列（6）：UpdateProgress控件简单介绍

在ASP.NET AJAX Beta2中，UpdateProgress控件已经从“增值”CTP中移到了ASP.NET AJAX核心中。以下两篇关于UpdateProgress的文章基本翻译自ASP.NET AJAX官方网站。<?XML:NAMESPACE PREFIX = O />

主要内容

1．UpdateProgress控件简单使用

2．使用多个UpdateProgress控件

一．UpdateProgress控件简单使用

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

2．在工具箱的AJAX Extensions标签下，双击ScriptManager控件添加到页面中。

3．双击UpdatePanel控件添加到页面中。

<?XML:NAMESPACE PREFIX = V />

4．双击UpdateProgress控件添加到页面中。

5．在UpdateProgress控件中添加文本“Progress……”。

6．在UpdatePanel中添加一个Button和一个Label。

7．设置Label的Text属性值为“Initial Page Rendered”。

8．双击Button添加Click事件。

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

protected void Button1_Click(object sender, EventArgs e)

{

// Introducing delay for demonstration.

System.Threading.Thread.Sleep(3000);

Label1.Text = "Page refreshed at " +

DateTime.Now.ToString();

}

10．保存并按Ctrl + F5运行。

11．单击Button，界面如下：

二．使用多个UpdateProgress控件

默认情况下，UpdageProgress控件将显示页面上所有的UpdatePanel控件更新的进度信息，在以前版本的UpdateProgress中，我们无法设置UpdateProgress只显示某一个UpdatePanel的更新，最新版本的UpdateProgress控件提供了AssociatedUpdatePanelID属性，可以指定UpdateProgress控件显示哪一个UpdatePanel控件。下面的这个例子中UpdateProgrss控件将只显示它所在的UpdatePanel更新信息。

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

2．在工具箱的AJAX Extensions标签下，双击ScriptManager控件添加到页面中。

3．双击UpdatePanel控件两次添加两个UpdatePanel控件到页面中。

4．在每一个UpdatePanel中分别添加一个Label和Button。

5．分别设置两个Label的Text属性值为“Initial Page Rendered”。（官方网站这步有些问题）

6．双击每一个Button控件添加Click事件。

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

protected void Button1_Click(object sender, EventArgs e)

{

// Introducing delay for demonstration.

System.Threading.Thread.Sleep(3000);

Label1.Text = "Page refreshed at " +

DateTime.Now.ToString();

}

protected void Button2_Click(object sender, EventArgs e)

{

// Introducing delay for demonstration.

System.Threading.Thread.Sleep(3000);

Label2.Text = "Page refreshed at " +

DateTime.Now.ToString();

}

8．切换到设计视图。

9．在第一个UpdatePanel中添加UpdateProgrss控件，并添加文本Panel1 updating…

10．在第二个UpdatePanel中添加UpdateProgress控件，Panel2 updating…

11．保存并按Ctrl + F5运行

12．单击第一个UpdatePanel中的Button按钮，进度信息只显示在第一个UpdatePanel中。

13．单击第二个UpdatePanel中的Button按钮，进度信息只显示在第二个UpdatePanel中。

转载于:https://www.cnblogs.com/hzuIT/articles/752169.html

ASP.NET AJAX入门系列（6）：UpdateProgress控件简单介绍相关推荐

【转】ASP.NET AJAX入门系列
ASP.NET AJAX入门系列将会写关于ASP.NET AJAX一些控件的使用方法以及基础知识,其中部分文章为原创,也有一些文章是直接翻译自官方文档,本部分内容会不断更新. 目录 ASP.NET A ...
ASP.NET AJAX入门系列
ASP.NET AJAX入门系列将会写关于ASP.NET AJAX一些控件的使用方法以及基础知识,其中部分文章为原创,也有一些文章是直接翻译自官方文档,本部分内容会不断更新. 目录 ASP.NET A ...
ASP.NET AJAX入门系列相关资料收集
声明:转自TerryLee的blog和自己整理的一些资料下载. ASP.NET AJAX入门系列将会写关于ASP.NET AJAX一些控件的使用方法以及基础知识,其中部分文章为原创,也有一些文章是直接 ...
ASP.NET AJAX入门系列（1）：概述
经常关注我的Blog的朋友可能注意到了,在我Blog的左边系列文章中,已经移除了对Atlas学习手记系列文章的推荐,因为随着ASP.NET AJAX 1.0 Beta版的发布,它们已经不再适用,为了不 ...
iOS开发UI篇—Date Picker和UITool Bar控件简单介绍
iOS开发UI篇-Date Picker和UITool Bar控件简单介绍一.Date Picker控件 1.简单介绍: Date Picker显示时间的控件有默认宽高,不用设置数据源和代理如何 ...
ASP.NET AJAX入门系列（7）：使用客户端脚本对UpdateProgress编程
原文链接:http://www.cnblogs.com/Terrylee/archive/2006/11/12/ASPNET_AJAX_UpdateProgress_Part2.html 在本篇文章中 ...
用ASP.NET AJAX框架扩展HTML Map控件
[摘要]在本文中,我将向你展示如何使用ASP.NET AJAX框架对添加可点击的热点的HTML Map控件进行扩展.经扩展后,当我们的鼠标移动到这些热点上后,即弹出关于这些热点的详细信息;但是,这些详 ...
ASP.NET AJAX入门系列（11）：在多个UpdatePanle中使用Timer控件
本文将使用Timer控件更新两个UpdatePanel控件,Timer控件将放在UpdatePanel控件的外面,并将它配置为UpdatePanel的触发器,翻译自官方文档.<?XML:NAME ...
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
在ASP.NET AJAX中,由于一个ASPX页面上只能有一个ScriptManager控件,所以在有母版页的情况下,如果需要在Master-Page和Content-Page中需要引入不同的脚本时, ...

ASP.NET AJAX入门系列（6）：UpdateProgress控件简单介绍

ASP.NET AJAX入门系列（6）：UpdateProgress控件简单介绍相关推荐

最新文章

热门文章