ASP.NET AJAX中使用多个UpdateProgress控件

开发 后端
本文介绍ASP.NET AJAX中使用多个UpdateProgress控件,UpdateProgrss控件将只显示它所在的UpdatePanel更新信息。

在ASP.NET AJAX Beta2中,UpdateProgress控件已经从“增值”CTP中移到了ASP.NET AJAX核心中。以下两篇关于UpdateProgress的文章基本翻译自ASP.NET AJAX官方网站。

使用多个UpdateProgress控件

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

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

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

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

添加两个UpdatePanel控件到页面

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

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

设置两个Label的Text属性值

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

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

  1. protectedvoidButton1_Click(objectsender,EventArgse)  
  2. {  
  3. //Introducingdelayfordemonstration.  
  4. System.Threading.Thread.Sleep(3000);  
  5. Label1.Text="Pagerefreshedat"+  
  6. DateTime.Now.ToString();  
  7. }  
  8. protectedvoidButton2_Click(objectsender,EventArgse)  
  9. {  
  10. //Introducingdelayfordemonstration.  
  11. System.Threading.Thread.Sleep(3000);  
  12. Label2.Text="Pagerefreshedat"+  
  13. DateTime.Now.ToString();  

8.切换到设计视图。

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

添加文本Panel1 updating

10.在第二个UpdatePanel中添加UpdateProgress控件,Panel2 updating…

添加UpdateProgress控件

11.保存并按Ctrl + F5运行

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

显示在第一个UpdatePanel

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

显示在第二个UpdatePanel

以上介绍ASP.NET AJAX中使用多个UpdateProgress控件。

【编辑推荐】

  1. ASP.NET 2.0中使用Web Parts
  2. JavaScript与ASP.NET控件整合
  3. ASP.NET鉴别和授权
  4. 介绍ASP.NET 2.0虚拟主机
  5. Asp.Net动态页面转换
责任编辑:佚名 来源: 博客园
相关推荐

2009-07-21 17:18:26

UpdateProgrASP.NET AJA

2009-07-29 13:50:26

UpdatePanelASP.NET

2009-05-05 14:02:14

PlaceHolder控件ASP.NET

2009-07-30 12:19:32

ASP.NET中使用A

2009-01-08 10:20:56

AutoCompletAjaxASP.NET

2009-07-20 13:54:31

ScriptManagASP.NET AJA

2009-02-05 13:40:03

TreeviewXMLASP.NET

2009-07-28 16:21:03

Asp.net AjaAutoComplet

2009-01-03 08:41:51

Ajax无框架的AjaxASP.NET

2009-07-21 09:18:02

UpdatePanelASP.NET AJA

2009-07-20 16:45:41

使用StringBuiASP.NET

2009-07-22 16:17:39

ASP.NET AJA

2009-07-24 13:41:15

ASP.NET AJA

2009-07-22 16:11:43

ASP.NET AJA

2009-07-22 16:25:41

ASP.NET AJA

2009-07-22 16:05:34

ASP.NET AJA

2009-07-24 15:35:00

ASP.NET Gri

2009-07-29 13:32:06

ASP.NET控件使用

2009-07-27 09:07:04

Profile SerASP.NET AJA

2009-07-22 09:36:54

使用UpdataModASP.NET MVC
点赞
收藏

51CTO技术栈公众号