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