开心就好的代码人生

技巧和诀窍：UpdateProgress控件和AJAX活动图像动画

 2006-09-22 by 开心就好

【原文地址】Tip/Trick: UpdateProgress Control and AJAX Activity Image Animations
【原文发表日期】Thursday, September 21, 2006 1:06 PM

ASP.NET AJAX扩展（即Atlas) 提供的很酷的新控件之一是UpdateProgress控件。这个控件允许你在AJAX回调的进行过程中，自动在页面上显示指定的UI。同时，如果AJAX回调耗时太长，你还可以在UI上提供一个选项让用户来取消AJAX回调。在页面上使用该控件，只须这样声明：

    ``{=html}\<``{=html}``{=html}atlas:UpdateProgress``{=html}``{=html} ID``{=html}``{=html}="progress1"``{=html}``{=html} runat``{=html}``{=html}="server"\>``{=html}``{=html}         ``{=html}``{=html}\<``{=html}``{=html}ProgressTemplate``{=html}``{=html}\>``{=html}``{=html}                      ``{=html}``{=html}\<``{=html}``{=html}div``{=html}``{=html} class``{=html}``{=html}="progress"\>``{=html}``{=html}                 ``{=html}``{=html}\<``{=html}``{=html}img``{=html}``{=html} src``{=html}``{=html}="indicator.gif"``{=html}``{=html} ``{=html}``{=html}/\>                  Please Wait...             \`{=html}``{=html}div``{=html}``{=html}\>``{=html}``{=html}                  ``{=html}``{=html}\`{=html}``{=html}ProgressTemplate``{=html}``{=html}\>``{=html}``{=html}     ``{=html}``{=html}\`{=html}``{=html}atlas:UpdateProgress``{=html}``{=html}\>``{=html}``{=html}``{=html}

在AJAX回调进行中，\<ProgressTemplate>里的内容就会显示。你可以通过CSS将里面的内容显示在页面的任何位置，例如，你可能想直接在GridView或其他元素上方通过渐显效果把它显示出来。开发人员经常使用动画图像显示进度，现在也可以在\<ProgressTemplate>里面实现这样的效果。

Alan Le最近发了一个很酷的链接，指向几个非常有用的网站，这些网站提供了许多动画进度的图标。你可以很容易地将它们与UpdateProgress控件结合使用，来显示回调操作的进度：

你可以从这几个网站上下载到可用的旋转齿轮和进度图标。下面是几个例子：

.

.

.

本周早些时候，我提到新发布的Atlas控件工具包现在包含了一个动画效果库，可以和ASP.NET AJAX扩展一起使用。与UpdateProgress控件配合使用的话，它们能给你的网站增添很好的视觉效果。

希望本文对你有所帮助，

Scott

::: postfoot

标签： [ASP.NET](http://weblogs.asp.net/scottgu/archive/tags/ASP.NET/default.aspx){rel="tag"}, [Atlas](http://weblogs.asp.net/scottgu/archive/tags/Atlas/default.aspx){rel="tag"}, [Tips and Tricks](http://weblogs.asp.net/scottgu/archive/tags/Tips+and+Tricks/default.aspx){rel="tag"}
 

(Ring译) :::

九月份Atlas控件工具包发布(现支持动画效果)
2006-09-20 by 开心就好

【原文地址】September Atlas Control Toolkit Released (Now with Animation Support)
【原文发表日期】 Tuesday, September 19, 2006 8:28 AM

Atlas控件工具包的最新版已于上个星期晚些时候推出。这个工具包基于核心ASP.NET AJAX 运行时，是个提供了很多有 …

read more

技巧和诀窍：在ASP.NET AJAX UpdatePanel中实现对后退/前进按钮的支持
2006-09-15 by 开心就好

【原文地址】Tip/Trick: Enabling Back/Forward-Button Support for ASP.NET AJAX UpdatePanel
【原文发表日期】Thursday, September 14, 2006 12:25 PM

Nikhil最近写了一个好帖子，是关于一个叫做HistoryControl的支持AJAX的新ASP.NET 控件的 …

read more

Atlas 1.0版的命名和产品发布计划
2006-09-12 by 开心就好

【原文地址】"Atlas" 1.0 Naming and Roadmap
【原文发表日期】Monday, September 11, 2006 10:01 AM

在过去的一年内，我们一直在奋力开发Atlas。Atlas一直在发展，变化和成长，是因为我 …

read more