• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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秒钟的延迟并显示当前时间。

protected void Button1_Click(object sender, EventArgs e)

}

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

 

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

 

 

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

 

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

protected void Button1_Click(object sender, EventArgs e)
}

8.切换到设计视图。

 

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

 

 

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

 

 

11.保存并按Ctrl + F5运行

 

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

 

 

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

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
在Asp.net中如何实现弹出提示对话框发布时间:2022-07-10
下一篇:
Asp.netMVC源码分析--ModelValidation(Server端)实现(2)发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap