技巧和訣竅：UpdateProgress控制項和AJAX活動圖像動畫

2011-06-11

23834
0
2011-07-10

摘要:技巧和訣竅：UpdateProgress控制項和AJAX活動圖像動畫

【原文位址】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>

在AJAX回呼進行中，<ProgressTemplate>裡的內容就會顯示。你可以通過CSS將裡面的內容顯示在頁面的任何位置，例如，你可能想直接在GridView或其他元素上方通過漸顯效果把它顯示出來。開發人員經常使用動畫圖像顯示進度，現在也可以在<ProgressTemplate>裡面實現這樣的效果。

Alan Le最近發了一個很酷的連結，指向幾個非常有用的網站，這些網站提供了許多動畫進度的圖示。你可以很容易地將它們與UpdateProgress控制項結合使用，來顯示回呼操作的進度：

你可以從這幾個網站上下載到可用的旋轉齒輪和進度圖示。下面是幾個例子：

本周早些時候，我提到新發佈的Atlas控制項工具包現在包含了一個動畫效果庫，可以和ASP.NET AJAX擴充一起使用。與UpdateProgress控制項配合使用的話，它們能給你的網站增添很好的視覺效果。

希望本文對你有所幫助，

Scott

標籤： ASP.NET, Atlas, Tips and Tricks

(Ring譯)

回首頁