如何以程式控制方式更新一个UpdatePanel控制项如何以程式控制.PDFVIP

本章將討論下列主題： 如何以程式控制方式更新一個 UpdatePanel 控制項 如何以程式控制方式建立一個 UpdatePanel 控制項 如何於自訂控制項中啟用局部更新功能 自訂 UpdatePanel 控制項的錯誤處理 使用 JavaScript 程式碼來自訂 UpdatePanel 控制項的錯誤處理 在本章之前，我們都是在網頁的設計檢視中加入 UpdatePanel 控制項來圍住 所要非同步局部更新的區域。事實上，除了採用宣告式語法之外，您也可以 使用程式控制方式來建立與更新 UpdatePanel 控制項，本章將詳細討論此種 作法。 4-1 如何以程式控制方式更新一個 UpdatePanel 控制項 ASP.NET AJAX 允許您以程式控制方式來更新一個 UpdatePanel 控制項的 內容，此舉無非是為了賦予開發人員更大的自主性與彈性來決定何時去更新 UpdatePanel 控制項的內容。欲以程式控制方式去更新一個 UpdatePanel 控 制項的內容，請先將 UpdatePanel 控制項的 UpdateMode 屬性設定成 ，然後呼叫 控制項的 方法。 Conditional UpdatePanel Update 圖表 4-1 網頁範例 1 以程式碼更新 UpdatePanel 控制項實作 圖表 4-1 所示者是網頁範例 CH4_DemoForm001.aspx 的執行畫面，我們發 現，每當按下 「更新時間」按鈕時，UpdatePanel2 當中的內容就會被更新， 但是 UpdatePanel1 中的內容則必須至少距離上一次更新時間五秒鐘之後才 會被更新，而且其內容是透過呼叫 UpdatePanel1 的 Update 方法來加以更新。 4-2 這個網頁範例看似簡單，不過其中的一些小細節還是值得大家仔細研讀，徹 底瞭解其運作模式，將有助您釐清相關觀念。說明如下： 圖表 4-2 所示者是網頁範例 CH4_DemoForm001.aspx 的設計畫面，顯而 易見地，我們使用了兩個 UpdatePanel 控制項，但是請注意， 「更新時 間」按鈕是位於這兩個 UpdatePanel 控制項之外，為了使 「更新時間」 按鈕被按下時會進行非同步回傳並且局部更新網頁上之 UpdatePanel 控 制項的內容而並非是進行全網頁回傳，我們必須在網頁的 Load 事件處 理常式中呼叫 ScriptManager 控制項的 RegisterAsyncPostBackControl 方法來註冊它。程式碼如下所示： Protected Sub Page_Load(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles Me.Load ScriptManager1.RegisterAsyncPostBackControl(btnUpdateTime) If Not IsPostBack Then LastUpdate = DateTime.Now End If End Sub 「更新時間」按鈕位 於 UpdatePanel 控 制項之外，必須將其 註 冊 為 非 同 步 回 傳 控制項 。 圖表 4-2