AJax技术

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

字号+ 作者:H5之家 来源:H5之家 2016-01-23 13:00 我要评论( )

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

技巧和诀窍:UpdateProgress控件和AJAX活动图像动画 2006-09-25 14:52:23

分类: Web开发

【原文地址】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回调。在页面上使用该控件,只须这样声明:

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

[@more@]

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

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

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

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

阅读(1432) | 评论(0) | 转发(0) |

0

上一篇:Eclipse用法小全

下一篇:基于Java的全文索引引擎Lucene简介

相关热门文章

给主人留下些什么吧!~~

评论热议

请登录后评论。

登录 注册

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 网页注册表单的网页设计技巧

    网页注册表单的网页设计技巧

    2016-02-06 16:00

  • ajax技巧制作得在线歌词搜索功效

    ajax技巧制作得在线歌词搜索功效

    2016-02-06 14:47

  • 今天开始应该使用 5 个JavaScript调试技巧

    今天开始应该使用 5 个JavaScript调试技巧

    2016-01-23 17:00

  • asp.net开发常用技巧收集(2)

    asp.net开发常用技巧收集(2)

    2016-01-23 16:01

网友点评