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)。
<Triggers>
<asp:PostBackTrigger ControlID="Button1"/>
<asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" />
</Triggers>
<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(),可以通过代码控件部分更新。
先说这么多。下面给个代码,使用了这些属性。
01 
<%@ Page Language=
"C#" %>
02 
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
03 
<script runat=
"server">
04
05
protected void Button4_Click(
object sender, EventArgs e)
06 
...{
07
UpdatePanel1.Update();
08
} 09 
</script>
10 
<html xmlns=
"http://www.w3.org/1999/xhtml" >
11 
<head runat=
"server">
12 
<title>Untitled Page</title>
13 
<style type=
"text/CSS">
14 
.UpdatePanelTitle
15 
...{
16
color:red;
17
} 18 
</style>
19 
</head>
20 
<body>
21 
<form id=
"form1" runat=
"server">
22 
<div>
23 
<asp:ScriptManager ID=
"ScriptManager1" runat=
"server">
24 
</asp:ScriptManager>
25
26 
<fieldset>
27 
<legend
class=
"UpdatePanelTitle">UpdatePanel控件外</legend>
28 
<asp:Button runat=
"server" ID=
"Button5" Text=
"引发常规回传" /><br />
29 
<asp:Button runat=
"server" ID=
"Button1" Text=
"引发异步回传" /><br />
30 
Refrest at <%=DateTime.Now.ToUniversalTime()%>
31 
</fieldset>
32
33 
<asp:UpdatePanel ID=
"UpdatePanel1" UpdateMode=
"Conditional" runat=
"server">
34 
<Triggers>
35 
<asp:PostBackTrigger ControlID=
"Button2" />
36 
</Triggers>
37 
<ContentTemplate>
38 
<fieldset>
39 
<legend
class=
"UpdatePanelTitle">UpdatePanel1</legend>
40 
<asp:Button runat=
"server" ID=
"Button2" Text=
"引发常规回传" />
41 
Refresh at <%=DateTime.Now.ToUniversalTime()%>
42 
</fieldset>
43 
</ContentTemplate>
44 
</asp:UpdatePanel>
45
46
47 
<asp:UpdatePanel ID=
"UpdatePanel2" UpdateMode=
"Conditional" runat=
"server">
48 
<Triggers>
49 
<asp:AsyncPostBackTrigger ControlID=
"Button1" />
50 
</Triggers>
51 
<ContentTemplate>
52 
<fieldset>
53 
<legend
class=
"UpdatePanelTitle">UpdatePanel2</legend>
54 
<asp:Button runat=
"server" ID=
"Button3" Text=
"InPanel2" />
55 
Refresh at <%=DateTime.Now.ToUniversalTime() %><br />
56
57 
<asp:UpdatePanel ID=
"UpdatePanel3" runat=
"server" UpdateMode=
"Always">
58 
<ContentTemplate>
59 
<fieldset>
60 
<legend
class=
"UpdatePanelTitle">UpdatePanel3:I'm Child of UpdatePanel2</legend>
61 
<asp:Button runat=
"server" ID=
"Button4" Text=
"InPanel3" OnClick=
"Button4_Click" />
62 
Refresh at <%=DateTime.Now.ToUniversalTime()%>
63 
</fieldset>
64 
</ContentTemplate>
65 
</asp:UpdatePanel>
66 
</fieldset>
67
68 
</ContentTemplate>
69 
</asp:UpdatePanel>
70
71 
<asp:UpdatePanel ID=
"UpdatePanel4" UpdateMode=
"Conditional" runat=
"server" ChildrenAsTriggers=
"false">
72 
<ContentTemplate>
73 
<fieldset>
74 
<legend
class=
"UpdatePanelTitle">UpdatePanel4</legend>
75 
<asp:Button runat=
"server" ID=
"Button6" Text=
"引发常规回传,但不更新自己" />
76 
Refresh at <%=DateTime.Now.ToUniversalTime()%>
77 
</fieldset>
78 
</ContentTemplate>
79 
</asp:UpdatePanel>
80
81 
</div>
82 
</form>
83 
</body>
84 
</html>