先給一個簡單的例子,后面給一個比較復雜的例子。
改進后的UpdatePanel使頁面部分更新(Partial-Page Updates)實現起來非常容易。
要想在已有web頁面或新建頁面中加入部分更新內容,都十分容易,下面幾個步驟:
<1>在頁面中加入ScriptManager控件。并確保ScriptManager控件的EnablePartialRendering屬性值為true。若EnablePartialRendering=false,那么下面所做的對頁面部分更新的所有設置都不能實現。EnablePartialRendering的默認值是true,不作修改就行。
<2>把UpdatePanel控件加到頁面中。在
為了對比,在UpdatePanel外面加一行代碼
Out of UpdatePanel,refreshed at <%=DateTime.Now.ToString() %>
這樣部分更新功能就實現了,或許都不敢相信。
看看效果吧。
兩部分更新時間不相同!
UpdatePanel控件的功能是非常強大的。這是最簡單的應用。
部分更新時,提交給服務器的數據跟一般的postback沒有什么差別,所有數據包括viewstate中的數據被傳回服務器。不同的地方在于從服務器只返回部分更新部分的數據。由于UpdatePanel控件的引入,postback被分為兩種,asynchronous postback和normal postback,asynchronous postback引起UpdatePanel的更新,normal postback引發整個頁面的更新。使用ScriptManager的IsInAsyncPostBack屬性能判斷回傳的類型。
介紹一下UpdatePanel的屬性。
<1>Triggers
有兩種AsyncPostBackTrigger,PostBackTrigger。
AsyncPostBackTrigger
來指定某個控件的某個事件引發異步回傳(asynchronous postback),即部分更新。屬性有ControlID和EventName。分別用來指定控件ID和控件事件,若沒有明確指定EventName的值,則自動采用控件的默認值,比如button就是click。把ContorlID設為UpdatePanel外部控件的ID,能使外部控件控制UpdatePanel的更新。
PostBackTrigger
來指定UpdatePanel內的某個控件引發整個頁面的更新(normal postback)。
<2>UpdateMode
有兩個值:Always,Conditional??偸歉?,有條件更新。
確定當asynchronous postbacks發生時,是否總是更新。若頁面中只有一個UpdatePanel控件,這個值似乎沒有什么意義。不過當頁面中存在多個UpdatePanel,或UpdatePanel中包含UpdatePanel的復雜情況時,這個值的設定就能使各個UpdatePanel在各種合適時機更新。
<3>ChilderAsTriggers
bool值,默認是true。若設為false,則UpdatePanel的子控件引發異步回傳(asynchronous postback),不過不更新當前UpdatePanel(在多個UpdatePanel的頁面中發現的)。這里比較難于理解,甚至我理解的是錯誤的。請高手指點。
該屬性只在UpdateMode=Conditional條件下有意義。右UpdateMode為Always,ChilderAsTriggers=false就則引發異常。
另外UpdatePanel還提供了一個方法Update(),能通過代碼控件部分更新。
先說這么多。下面給個代碼,使用了這些屬性。
<%@ Page Language="C#" %>
新聞熱點
疑難解答
圖片精選