ASP.NET AJAX中使用多個UpdateProgress控件
在ASP.NET AJAX Beta2中，UpdateProgress控件已經(jīng)從“增值”CTP中移到了ASP.NET AJAX核心中。以下兩篇關于UpdateProgress的文章基本翻譯自ASP.NET AJAX官方網(wǎng)站。
使用多個UpdateProgress控件
默認情況下，UpdageProgress控件將顯示頁面上所有的UpdatePanel控件更新的進度信息，在以前版本的UpdateProgress中，我們無法設置UpdateProgress只顯示某一個UpdatePanel的更新，最新版本的UpdateProgress控件提供了AssociatedUpdatePanelID屬性，可以指定UpdateProgress控件顯示哪一個UpdatePanel控件。下面的這個例子中UpdateProgrss控件將只顯示它所在的UpdatePanel更新信息。
1．創(chuàng)建一個Web頁面并切換到設計視圖。
2．在工具箱的AJAX Extensions標簽下，雙擊ScriptManager控件添加到頁面中。
3．雙擊UpdatePanel控件兩次添加兩個UpdatePanel控件到頁面中。
4．在每一個UpdatePanel中分別添加一個Label和Button。
5．分別設置兩個Label的Text屬性值為“Initial Page Rendered”。（官方網(wǎng)站這步有些問題）
6．雙擊每一個Button控件添加Click事件。
7．在Buttond的Click事件處理中添加如下代碼，這里人為的創(chuàng)建一個3秒鐘的延遲并顯示當前時間。
- protectedvoidButton1_Click(objectsender,EventArgse)
- {
- //Introducingdelayfordemonstration.
- System.Threading.Thread.Sleep(3000);
- Label1.Text="Pagerefreshedat"+
- DateTime.Now.ToString();
- }
- protectedvoidButton2_Click(objectsender,EventArgse)
- {
- //Introducingdelayfordemonstration.
- System.Threading.Thread.Sleep(3000);
- Label2.Text="Pagerefreshedat"+
- DateTime.Now.ToString();
- }
8．切換到設計視圖。
9．在第一個UpdatePanel中添加UpdateProgrss控件，并添加文本Panel1 updating…
10．在第二個UpdatePanel中添加UpdateProgress控件，Panel2 updating…
11．保存并按Ctrl + F5運行
12．單擊第一個UpdatePanel中的Button按鈕，進度信息只顯示在第一個UpdatePanel中。
13．單擊第二個UpdatePanel中的Button按鈕，進度信息只顯示在第二個UpdatePanel中。
以上介紹ASP.NET AJAX中使用多個UpdateProgress控件。
【編輯推薦】
