ASP.NET AJAX應用程式樣本
介紹
本教程建立了一個採用Microsoft ASP.NET AJAX特性的基礎應用程式範例。在下面的介紹的ASP.NET AJAX文檔中,你將瞭解更多的關於ASP.NET AJAX是什麼,它是用來解決什麼技術問題的,以及它其中的一些重要的組件:
·ASP.NET AJAX概述
·ASP.NET AJAX導航
在本教程中,你將用AdventureWorks樣本資料庫來建立一個顯示其中僱員資料的應用程式頁。該應用程式將使用UpdatePanel控制項來重新整理在頁面上被更改的部分,但是回傳的過程不會有頁面閃動。它是作為一種局部重新整理的方法。該應用程式範例也使用UpdateProgress控制項來顯示局部重新整理進行時的狀態資訊。
通過單擊Run It按鈕,你可以來瞭解在教程中的程式碼為動作。為了在你自己的開發環境中運行該程式,你將需要以下步驟:
·Microsoft Visual Studio 2005或者Microsoft Visual Web Developer Express Edition。
·安裝和配置Microsoft ASP.NET AJAX的最新版本。向瞭解更多的資訊,請查看安裝ASP.NET AJAX。
·一個ASP.NET AJAX網站。
·AdventureWorks樣本資料庫。你可以從Microsoft Download Center上下載和安裝AdventureWorks資料庫。(搜尋”SQL Server 2005 Samples and Sample Database(Decemeber 2006)”)
建立一個ASP.NET AJAX-Enabled 網站
在Visual Studio中,你能通過已安裝的ASP.NET AJAX模板來建立ASP.NET AJAX-enabled網站。
在ASP.NET網頁中增加UpdatePanel控制項
在你建立了AJAX-enabled Web Site後,你能建立一個ASP.NET網頁,它可以包括一個UpdatePanel控制項。在你向頁面上添加UpdatePanel控制項前,你必須添加一個ScriptManager控制項。UpdatePanel控制項依靠ScriptManager控制項來處理局部更新。
向UpdatePanel控制項中增加Content
UpdatePanel控制項執行局部更新,並且確定content,使它的更新獨立於頁面上的其它部分。在教程的這一部分,你將增加一個資料繫結控制項,從AdventrureWorks資料庫中顯示資料。
向頁面添加UpdateProgress控制項
當UpdatePanel控制項有新的content被請求時,UpdateProgress控制項將顯示狀態資訊。
給應用程式範例增加延遲
如果你的應用程式更新頁面的資料太快了,在頁面上,你可能並不能看到UpdateProgress控制項中的資訊。UpdateProgress控制項支援一種DisplayAfter屬性,該屬效能讓你在控制項被顯示出來以前設定一個延遲。在更新太快時,它將阻止控制項在瀏覽器上一閃而過。預設的,該延遲是被設定為500微妙(0.5秒),它意謂著如果更新時間比1秒還少的,UpdateProgress控制項將不能被顯示。
在開發環境下,你能在你的應用程式中添加一個人為的延遲,為了保證UpdateProgress控制項能起作用。這是一個可選擇的步驟,並且是只能用於測試你的應用程式。