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