ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
2011-04-11 16:42
591 查看
在ASP.NET AJAX Beta2中,UpdateProgress控件已经从“增值”CTP中移到了ASP.NET AJAX核心中。以下两篇关于UpdateProgress的文章基本翻译自ASP.NET AJAX官方网站。
主要内容
1.UpdateProgress控件简单使用
2.使用多个UpdateProgress控件
一.UpdateProgress控件简单使用
1.创建一个Web页面并切换到设计视图。
2.在工具箱的AJAX Extensions标签下,双击ScriptManager控件添加到页面中。
3.双击UpdatePanel控件添加到页面中。
protected void Button1_Click(object sender, EventArgs e)
protected void Button1_Click(object sender, EventArgs e)
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…
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/25/9215ad9f25a66e7e000710944adcae2e.jpg)
10.在第二个UpdatePanel中添加UpdateProgress控件,Panel2 updating…
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/25/ad34f0f50cafe8f3597881249cd0e6af.jpg)
11.保存并按Ctrl + F5运行
12.单击第一个UpdatePanel中的Button按钮,进度信息只显示在第一个UpdatePanel中。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/25/516cead69aa7c7b26df6e0b3b8fdf4bf.gif)
13.单击第二个UpdatePanel中的Button按钮,进度信息只显示在第二个UpdatePanel中。
主要内容
1.UpdateProgress控件简单使用
2.使用多个UpdateProgress控件
一.UpdateProgress控件简单使用
1.创建一个Web页面并切换到设计视图。
2.在工具箱的AJAX Extensions标签下,双击ScriptManager控件添加到页面中。
3.双击UpdatePanel控件添加到页面中。
protected void Button1_Click(object sender, EventArgs e)
protected void Button1_Click(object sender, EventArgs e)
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…
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/25/9215ad9f25a66e7e000710944adcae2e.jpg)
10.在第二个UpdatePanel中添加UpdateProgress控件,Panel2 updating…
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/25/ad34f0f50cafe8f3597881249cd0e6af.jpg)
11.保存并按Ctrl + F5运行
12.单击第一个UpdatePanel中的Button按钮,进度信息只显示在第一个UpdatePanel中。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/25/516cead69aa7c7b26df6e0b3b8fdf4bf.gif)
13.单击第二个UpdatePanel中的Button按钮,进度信息只显示在第二个UpdatePanel中。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/25/ef8cc546658142061b0385280b149c07.gif)
相关文章推荐
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
- ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍