ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍

转载 2007年09月28日 10:46:00

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

 

主要内容

1UpdateProgress控件简单使用

2.使用多个UpdateProgress控件

 

一.UpdateProgress控件简单使用

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

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

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

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

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

6.在UpdatePanel中添加一个Button和一个Label

7.设置LabelText属性值为“Initial Page Rendered”。

8.双击Button添加Click事件。

9.在ButtondClick事件处理中添加如下代码,这里人为的创建一个3秒钟的延迟并显示当前时间。.保存并按Ctrl + F5运行。

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

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中分别添加一个LabelButton

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

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

7.在ButtondClick事件处理中添加如下代码,这里人为的创建一个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中。

 

ASP.NET AJAX 控件使用概述

一、ASP.NET AJAX 控件概述 借助 ASP.NET AJAX 控件,使用很少的客户端脚本或不使用客户端脚本就能创建丰富的客户端行为,如在异步回发过程中进行部分页更新(在回发时刷新网页的选定...
  • qustdjx
  • qustdjx
  • 2013年12月22日 20:44
  • 1728

activiti入门一(简单介绍)

接触activiti已经1年多了,最近因为项目需要,把activiti又重新整合了下,把碰到的一些问题以及心得记下来,仅做参考。...
  • whatlookingfor
  • whatlookingfor
  • 2016年10月28日 18:18
  • 2682

手把手入门神经网络系列(1)_从初等数学的角度初探神经网络

作者: 龙心尘&&寒小阳 时间:2015年11月。 出处:http://blog.csdn.net/longxinchen_ml/article/details/50082873, 声明:版权...
  • yaoqiang2011
  • yaoqiang2011
  • 2015年11月29日 22:11
  • 22129

ASP.NET初了解(一)--Html控件和Web控件

作为一名ASP.NET的初学者,了解并且区别一些混淆概念是很必须的,今天这篇博文就是主要向大家介绍一下Html控件和Web控件。在ASP.NET中,用户界面控件主要就是Html控件和Web控件,在前台...
  • sunliduan
  • sunliduan
  • 2013年12月18日 19:19
  • 4827

Shiro简单入门介绍

首先什么是shiro? shiro是apache下面的一个开源项目,下面是其网站上对其的一段说明: Apache Shiro is a powerful and easy-to-use Java se...
  • iceyo0
  • iceyo0
  • 2016年06月15日 16:56
  • 444

ajax入门 不要畏惧 很简单 进了门一切都好学多了

以前总是听别人说ajax是多么的好,然后自己就去借了本书看,哇塞感觉好难哦,什么介绍JavaScript,html,css,还有很多一些东西。看的那个难啊,然后就是硬着头皮把它给看完了,但是就是缺少了...
  • y75475
  • y75475
  • 2017年04月28日 17:37
  • 1206

结合个人经历总结的前端入门方法(这才是真的入门经典)

http://blog.csdn.net/u014326381/article/details/50176339 结合个人经历总结的前端入门方法,总结从零基础到具...
  • lhq186
  • lhq186
  • 2017年06月16日 10:27
  • 430

【ASP.NET】利用jQuery与.ashx完成简单的Ajax

在ASP.NET同样可以与其它编程语言一样,利用前台的Ajax技术,只是需要注意的是,后台的处理程序不再是一个aspx页面中的Page_Load,而且ASP.NET独有的“一般处理程序”.ashx,下...
  • yongh701
  • yongh701
  • 2016年01月08日 10:42
  • 3072

Ajax-Ajax基础实例

实例一:点击一个按钮,然后将信息显示到指定的div内。   1、创建一个JAVA web工程,命名为AjaxTest。在webRoot创建一个HTML页面,命名为FirstTest.html,F...
  • Andy_java_
  • Andy_java_
  • 2016年10月31日 10:33
  • 879

ajax刷新ASP.NET Repeater控件的数据

使用repeater控件时,遇到这样一个问题,
  • u010371458
  • u010371458
  • 2014年01月25日 16:27
  • 1685
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
举报原因:
原因补充:

(最多只允许输入30个字)