UpdatePanel控件使用详解(二)

摘要:
当最外面的UpdatePanel被触发更新时,它里面的子UpdatePanel也随着更新,里面的UpdatePanel触发更新时,只更新它自己,而不会更新外层的UpdatePanel。看下面的例子:123456789

用编程的方法控制UpdatePanel的更新

UpdatePanel,我们也可以使用编程的方法来控制它的更新,可以通过ScriptManagerRegisterAsyncPostBackControl()方法注册一个异步提交的控件,并且调用UpdatePanelUpdate()方法来让它更新。再次用我在前面的文章中用到的一个无聊的时间更新例子来看一下,有时候我觉得例子过于复杂更加不好说明白所要讲的内容,如下代码所示,注意Button1并不包含在UpdatePanel中:

UpdatePanel控件使用详解(二)第1张UpdatePanel控件使用详解(二)第2张
1UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<%UpdatePanel控件使用详解(二)第5张@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%>2UpdatePanel控件使用详解(二)第6张
3UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<scriptrunat="server">UpdatePanel控件使用详解(二)第5张4UpdatePanel控件使用详解(二)第10张
5UpdatePanel控件使用详解(二)第10张voidButton1_Click(objectsender,EventArgse)
6UpdatePanel控件使用详解(二)第10张
7UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
8UpdatePanel控件使用详解(二)第10张
9UpdatePanel控件使用详解(二)第10张this.Label2.Text=DateTime.Now.ToString();
10UpdatePanel控件使用详解(二)第10张
11UpdatePanel控件使用详解(二)第19张}
12UpdatePanel控件使用详解(二)第20张
13UpdatePanel控件使用详解(二)第6张
</script>14UpdatePanel控件使用详解(二)第6张
15UpdatePanel控件使用详解(二)第6张<htmlxmlns="http://www.w3.org/1999/xhtml">16UpdatePanel控件使用详解(二)第6张
17UpdatePanel控件使用详解(二)第6张<headrunat="server">18UpdatePanel控件使用详解(二)第6张
19UpdatePanel控件使用详解(二)第6张<title>RefreshinganUpdatePanelProgrammatically</title>20UpdatePanel控件使用详解(二)第6张
21UpdatePanel控件使用详解(二)第6张</head>22UpdatePanel控件使用详解(二)第6张
23UpdatePanel控件使用详解(二)第6张<body>24UpdatePanel控件使用详解(二)第6张
25UpdatePanel控件使用详解(二)第6张<formid="form1"runat="server">26UpdatePanel控件使用详解(二)第6张
27UpdatePanel控件使用详解(二)第6张<asp:ScriptManagerID="ScriptManager1"runat="server"/>28UpdatePanel控件使用详解(二)第6张
29UpdatePanel控件使用详解(二)第6张<div>30UpdatePanel控件使用详解(二)第6张
31UpdatePanel控件使用详解(二)第6张<asp:UpdatePanelID="UpdatePanel1"runat="server"UpdateMode="Conditional">32UpdatePanel控件使用详解(二)第6张
33UpdatePanel控件使用详解(二)第6张<ContentTemplate>34UpdatePanel控件使用详解(二)第6张
35UpdatePanel控件使用详解(二)第6张<asp:LabelID="Label1"runat="server"Text="更新时间:"></asp:Label>36UpdatePanel控件使用详解(二)第6张
37UpdatePanel控件使用详解(二)第6张<asp:LabelID="Label2"runat="server"Text="Label"ForeColor="Red"></asp:Label><br/><br/>38UpdatePanel控件使用详解(二)第6张
39UpdatePanel控件使用详解(二)第6张
40UpdatePanel控件使用详解(二)第6张
41UpdatePanel控件使用详解(二)第6张</ContentTemplate>42UpdatePanel控件使用详解(二)第6张
43UpdatePanel控件使用详解(二)第6张</asp:UpdatePanel>44UpdatePanel控件使用详解(二)第6张
45UpdatePanel控件使用详解(二)第6张<asp:ButtonID="Button1"runat="server"Text="Button"OnClick="Button1_Click"/>46UpdatePanel控件使用详解(二)第6张
47UpdatePanel控件使用详解(二)第6张</div>48UpdatePanel控件使用详解(二)第6张
49UpdatePanel控件使用详解(二)第6张</form>50UpdatePanel控件使用详解(二)第6张
51UpdatePanel控件使用详解(二)第6张</body>52UpdatePanel控件使用详解(二)第6张
53UpdatePanel控件使用详解(二)第6张</html>
这时候不用多说,肯定是整页提交了,运行如下图所示:
UpdatePanel控件使用详解(二)第62张
再次修改上面的例子,使用ScriptManagerRegisterAsyncPostBackControl()注册Button1为一个异步提交控件,并且调用UpdatePanelUpdate()方法:
UpdatePanel控件使用详解(二)第63张UpdatePanel控件使用详解(二)第64张
1UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<%UpdatePanel控件使用详解(二)第5张@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%>2UpdatePanel控件使用详解(二)第6张
3UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<scriptrunat="server">UpdatePanel控件使用详解(二)第5张4UpdatePanel控件使用详解(二)第10张
5UpdatePanel控件使用详解(二)第10张voidPage_Load(objectsender,EventArgse)
6UpdatePanel控件使用详解(二)第10张
7UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
8UpdatePanel控件使用详解(二)第10张
9UpdatePanel控件使用详解(二)第10张ScriptManager1.RegisterAsyncPostBackControl(Button1);
10UpdatePanel控件使用详解(二)第10张
11UpdatePanel控件使用详解(二)第19张}
12UpdatePanel控件使用详解(二)第10张
13UpdatePanel控件使用详解(二)第10张
14UpdatePanel控件使用详解(二)第10张
15UpdatePanel控件使用详解(二)第10张voidButton1_Click(objectsender,EventArgse)
16UpdatePanel控件使用详解(二)第10张
17UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
18UpdatePanel控件使用详解(二)第10张
19UpdatePanel控件使用详解(二)第10张this.Label2.Text=DateTime.Now.ToString();
20UpdatePanel控件使用详解(二)第10张
21UpdatePanel控件使用详解(二)第10张this.UpdatePanel1.Update();
22UpdatePanel控件使用详解(二)第10张
23UpdatePanel控件使用详解(二)第19张}
24UpdatePanel控件使用详解(二)第20张
25UpdatePanel控件使用详解(二)第6张
</script>26UpdatePanel控件使用详解(二)第6张
27UpdatePanel控件使用详解(二)第6张<htmlxmlns="http://www.w3.org/1999/xhtml">28UpdatePanel控件使用详解(二)第6张
29UpdatePanel控件使用详解(二)第6张<headrunat="server">30UpdatePanel控件使用详解(二)第6张
31UpdatePanel控件使用详解(二)第6张<title>RefreshinganUpdatePanelProgrammatically</title>32UpdatePanel控件使用详解(二)第6张
33UpdatePanel控件使用详解(二)第6张</head>34UpdatePanel控件使用详解(二)第6张
35UpdatePanel控件使用详解(二)第6张<body>36UpdatePanel控件使用详解(二)第6张
37UpdatePanel控件使用详解(二)第6张<formid="form1"runat="server">38UpdatePanel控件使用详解(二)第6张
39UpdatePanel控件使用详解(二)第6张<asp:ScriptManagerID="ScriptManager1"runat="server"/>40UpdatePanel控件使用详解(二)第6张
41UpdatePanel控件使用详解(二)第6张<div>42UpdatePanel控件使用详解(二)第6张
43UpdatePanel控件使用详解(二)第6张<asp:UpdatePanelID="UpdatePanel1"runat="server"UpdateMode="Conditional">44UpdatePanel控件使用详解(二)第6张
45UpdatePanel控件使用详解(二)第6张<ContentTemplate>46UpdatePanel控件使用详解(二)第6张
47UpdatePanel控件使用详解(二)第6张<asp:LabelID="Label1"runat="server"Text="更新时间:"></asp:Label>48UpdatePanel控件使用详解(二)第6张
49UpdatePanel控件使用详解(二)第6张<asp:LabelID="Label2"runat="server"Text="Label"ForeColor="Red"></asp:Label><br/><br/>50UpdatePanel控件使用详解(二)第6张
51UpdatePanel控件使用详解(二)第6张
52UpdatePanel控件使用详解(二)第6张
53UpdatePanel控件使用详解(二)第6张</ContentTemplate>54UpdatePanel控件使用详解(二)第6张
55UpdatePanel控件使用详解(二)第6张</asp:UpdatePanel>56UpdatePanel控件使用详解(二)第6张
57UpdatePanel控件使用详解(二)第6张<asp:ButtonID="Button1"runat="server"Text="Button"OnClick="Button1_Click"/>58UpdatePanel控件使用详解(二)第6张
59UpdatePanel控件使用详解(二)第6张</div>60UpdatePanel控件使用详解(二)第6张
61UpdatePanel控件使用详解(二)第6张</form>62UpdatePanel控件使用详解(二)第6张
63UpdatePanel控件使用详解(二)第6张</body>64UpdatePanel控件使用详解(二)第6张
65UpdatePanel控件使用详解(二)第6张</html>

这时候可以看到,已经是异步提交了:

UpdatePanel控件使用详解(二)第138张

UpdatePanel的嵌套使用

UpdatePanel还可以嵌套使用,即在一个UpdatePanelContentTemplate中还可以放入另一个UpdatePanel。当最外面的UpdatePanel被触发更新时,它里面的子UpdatePanel也随着更新,里面的UpdatePanel触发更新时,只更新它自己,而不会更新外层的UpdatePanel。看下面的例子:

UpdatePanel控件使用详解(二)第139张UpdatePanel控件使用详解(二)第140张
1UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<%UpdatePanel控件使用详解(二)第5张@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default2.aspx.cs"Inherits="Default2"%>2UpdatePanel控件使用详解(二)第6张
3UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<scriptrunat="server">UpdatePanel控件使用详解(二)第5张4UpdatePanel控件使用详解(二)第20张
5UpdatePanel控件使用详解(二)第6张
</script>6UpdatePanel控件使用详解(二)第6张
7UpdatePanel控件使用详解(二)第6张
8UpdatePanel控件使用详解(二)第6张
9UpdatePanel控件使用详解(二)第6张<htmlxmlns="http://www.w3.org/1999/xhtml">10UpdatePanel控件使用详解(二)第6张
11UpdatePanel控件使用详解(二)第6张<headid="Head1"runat="server">12UpdatePanel控件使用详解(二)第6张
13UpdatePanel控件使用详解(二)第6张<title>UpdatePanelUpdateModeExample</title>14UpdatePanel控件使用详解(二)第6张
15UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<styletype="text/css">UpdatePanel控件使用详解(二)第5张16UpdatePanel控件使用详解(二)第10张
17UpdatePanel控件使用详解(二)第10张div.NestedPanel
18UpdatePanel控件使用详解(二)第10张
19UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张{UpdatePanel控件使用详解(二)第5张}{}{UpdatePanel控件使用详解(二)第5张}{20UpdatePanel控件使用详解(二)第10张
21UpdatePanel控件使用详解(二)第10张position:relative;22UpdatePanel控件使用详解(二)第10张
23UpdatePanel控件使用详解(二)第10张margin:2%5%2%5%;24UpdatePanel控件使用详解(二)第10张
25UpdatePanel控件使用详解(二)第19张}
26UpdatePanel控件使用详解(二)第10张
27UpdatePanel控件使用详解(二)第20张
</style>28UpdatePanel控件使用详解(二)第6张
29UpdatePanel控件使用详解(二)第6张</head>30UpdatePanel控件使用详解(二)第6张
31UpdatePanel控件使用详解(二)第6张<body>32UpdatePanel控件使用详解(二)第6张
33UpdatePanel控件使用详解(二)第6张<formid="form1"runat="server">34UpdatePanel控件使用详解(二)第6张
35UpdatePanel控件使用详解(二)第6张<div>36UpdatePanel控件使用详解(二)第6张
37UpdatePanel控件使用详解(二)第6张<asp:ScriptManagerID="ScriptManager"38UpdatePanel控件使用详解(二)第6张
39UpdatePanel控件使用详解(二)第6张runat="server"/>40UpdatePanel控件使用详解(二)第6张
41UpdatePanel控件使用详解(二)第6张<asp:UpdatePanelID="OuterPanel"42UpdatePanel控件使用详解(二)第6张
43UpdatePanel控件使用详解(二)第6张UpdateMode="Conditional"44UpdatePanel控件使用详解(二)第6张
45UpdatePanel控件使用详解(二)第6张runat="server">46UpdatePanel控件使用详解(二)第6张
47UpdatePanel控件使用详解(二)第6张<ContentTemplate>48UpdatePanel控件使用详解(二)第6张
49UpdatePanel控件使用详解(二)第6张<div>50UpdatePanel控件使用详解(二)第6张
51UpdatePanel控件使用详解(二)第6张<fieldset>52UpdatePanel控件使用详解(二)第6张
53UpdatePanel控件使用详解(二)第6张<legend>OuterPanel</legend>54UpdatePanel控件使用详解(二)第6张
55UpdatePanel控件使用详解(二)第6张<br/>56UpdatePanel控件使用详解(二)第6张
57UpdatePanel控件使用详解(二)第6张<asp:ButtonID="OPButton1"58UpdatePanel控件使用详解(二)第6张
59UpdatePanel控件使用详解(二)第6张Text="OuterPanelButton"60UpdatePanel控件使用详解(二)第6张
61UpdatePanel控件使用详解(二)第6张runat="server"/>62UpdatePanel控件使用详解(二)第6张
63UpdatePanel控件使用详解(二)第6张<br/>64UpdatePanel控件使用详解(二)第6张
65UpdatePanel控件使用详解(二)第6张Lastupdatedon
66UpdatePanel控件使用详解(二)第6张
67UpdatePanel控件使用详解(二)第6张<%=DateTime.Now.ToString()%>68UpdatePanel控件使用详解(二)第6张
69UpdatePanel控件使用详解(二)第6张<br/>70UpdatePanel控件使用详解(二)第6张
71UpdatePanel控件使用详解(二)第6张<br/>72UpdatePanel控件使用详解(二)第6张
73UpdatePanel控件使用详解(二)第6张<asp:UpdatePanelID="NestedPanel1"74UpdatePanel控件使用详解(二)第6张
75UpdatePanel控件使用详解(二)第6张UpdateMode="Conditional"76UpdatePanel控件使用详解(二)第6张
77UpdatePanel控件使用详解(二)第6张runat="server">78UpdatePanel控件使用详解(二)第6张
79UpdatePanel控件使用详解(二)第6张<ContentTemplate>80UpdatePanel控件使用详解(二)第6张
81UpdatePanel控件使用详解(二)第6张<divclass="NestedPanel">82UpdatePanel控件使用详解(二)第6张
83UpdatePanel控件使用详解(二)第6张<fieldset>84UpdatePanel控件使用详解(二)第6张
85UpdatePanel控件使用详解(二)第6张<legend>NestedPanel1</legend>86UpdatePanel控件使用详解(二)第6张
87UpdatePanel控件使用详解(二)第6张<br/>88UpdatePanel控件使用详解(二)第6张
89UpdatePanel控件使用详解(二)第6张Lastupdatedon
90UpdatePanel控件使用详解(二)第6张
91UpdatePanel控件使用详解(二)第6张<%=DateTime.Now.ToString()%>92UpdatePanel控件使用详解(二)第6张
93UpdatePanel控件使用详解(二)第6张<br/>94UpdatePanel控件使用详解(二)第6张
95UpdatePanel控件使用详解(二)第6张<asp:ButtonID="NPButton1"96UpdatePanel控件使用详解(二)第6张
97UpdatePanel控件使用详解(二)第6张Text="NestedPanel1Button"98UpdatePanel控件使用详解(二)第6张
99UpdatePanel控件使用详解(二)第6张runat="server"/>100UpdatePanel控件使用详解(二)第6张
101UpdatePanel控件使用详解(二)第6张</fieldset>102UpdatePanel控件使用详解(二)第6张
103UpdatePanel控件使用详解(二)第6张</div>104UpdatePanel控件使用详解(二)第6张
105UpdatePanel控件使用详解(二)第6张</ContentTemplate>106UpdatePanel控件使用详解(二)第6张
107UpdatePanel控件使用详解(二)第6张</asp:UpdatePanel>108UpdatePanel控件使用详解(二)第6张
109UpdatePanel控件使用详解(二)第6张</fieldset>110UpdatePanel控件使用详解(二)第6张
111UpdatePanel控件使用详解(二)第6张</div>112UpdatePanel控件使用详解(二)第6张
113UpdatePanel控件使用详解(二)第6张</ContentTemplate>114UpdatePanel控件使用详解(二)第6张
115UpdatePanel控件使用详解(二)第6张</asp:UpdatePanel>116UpdatePanel控件使用详解(二)第6张
117UpdatePanel控件使用详解(二)第6张</div>118UpdatePanel控件使用详解(二)第6张
119UpdatePanel控件使用详解(二)第6张</form>120UpdatePanel控件使用详解(二)第6张
121UpdatePanel控件使用详解(二)第6张</body>122UpdatePanel控件使用详解(二)第6张
123UpdatePanel控件使用详解(二)第6张</html>
运行后如下:
UpdatePanel控件使用详解(二)第273张
同一页面上使用多个UpdatePanel

使用UpdatePanel的时候并没有限制在一个页面上用多少个UpdatePanel,所以我们可以为不同的需要局部更新的页面区域加上不同的UpdatePanel。由于UpdatePanel默认的UpdateModeAlways,如果页面上有一个局部更新被触发,则所有的UpdatePanel都将更新,这是我们不愿看到的,我们只需要UpdatePanel在它自己的触发器触发的时候更新就可以了,所以需要把UpdateMode设置为Conditional

来看一下官方网站上提供的一个例子:包括两个UpdatePanel,其中一个用来用户输入而另一个则用来显示数据,每一个UpdatePanelUpdateMode属性都设置为Conditional。当我们单击Cancel按钮时,只有用来用户输入的那个UpdatePanel刷新,当单击Insert按钮时,两个UpdatePanel都刷新。代码如下:

UpdatePanel控件使用详解(二)第274张UpdatePanel控件使用详解(二)第275张
1UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<%UpdatePanel控件使用详解(二)第5张@PageLanguage="C#"%>2UpdatePanel控件使用详解(二)第6张
3UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<%UpdatePanel控件使用详解(二)第5张@ImportNamespace="System.Collections.Generic"%>4UpdatePanel控件使用详解(二)第6张
5UpdatePanel控件使用详解(二)第6张
6UpdatePanel控件使用详解(二)第6张
7UpdatePanel控件使用详解(二)第6张<htmlxmlns="http://www.w3.org/1999/xhtml">8UpdatePanel控件使用详解(二)第6张
9UpdatePanel控件使用详解(二)第6张<headid="Head1"runat="server">10UpdatePanel控件使用详解(二)第6张
11UpdatePanel控件使用详解(二)第6张<title>EnterNewEmployees</title>12UpdatePanel控件使用详解(二)第6张
13UpdatePanel控件使用详解(二)第3张UpdatePanel控件使用详解(二)第4张<scriptrunat="server">UpdatePanel控件使用详解(二)第5张14UpdatePanel控件使用详解(二)第10张
15UpdatePanel控件使用详解(二)第10张privateList<Employee>EmployeeList;
16UpdatePanel控件使用详解(二)第10张
17UpdatePanel控件使用详解(二)第10张
18UpdatePanel控件使用详解(二)第10张
19UpdatePanel控件使用详解(二)第10张protectedvoidPage_Load()
20UpdatePanel控件使用详解(二)第10张
21UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
22UpdatePanel控件使用详解(二)第10张
23UpdatePanel控件使用详解(二)第10张if(!IsPostBack)
24UpdatePanel控件使用详解(二)第10张
25UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
26UpdatePanel控件使用详解(二)第10张
27UpdatePanel控件使用详解(二)第10张EmployeeList=newList<Employee>();
28UpdatePanel控件使用详解(二)第10张
29UpdatePanel控件使用详解(二)第10张EmployeeList.Add(newEmployee(1,"Jump","Dan"));
30UpdatePanel控件使用详解(二)第10张
31UpdatePanel控件使用详解(二)第10张EmployeeList.Add(newEmployee(2,"Kirwan","Yvette"));
32UpdatePanel控件使用详解(二)第10张
33UpdatePanel控件使用详解(二)第10张ViewState["EmployeeList"]=EmployeeList;
34UpdatePanel控件使用详解(二)第10张
35UpdatePanel控件使用详解(二)第19张}
36UpdatePanel控件使用详解(二)第10张
37UpdatePanel控件使用详解(二)第10张else38UpdatePanel控件使用详解(二)第10张
39UpdatePanel控件使用详解(二)第10张EmployeeList=(List<Employee>)ViewState["EmployeeList"];
40UpdatePanel控件使用详解(二)第10张
41UpdatePanel控件使用详解(二)第10张
42UpdatePanel控件使用详解(二)第10张
43UpdatePanel控件使用详解(二)第10张EmployeesGridView.DataSource=EmployeeList;
44UpdatePanel控件使用详解(二)第10张
45UpdatePanel控件使用详解(二)第10张EmployeesGridView.DataBind();
46UpdatePanel控件使用详解(二)第10张
47UpdatePanel控件使用详解(二)第19张}
48UpdatePanel控件使用详解(二)第10张
49UpdatePanel控件使用详解(二)第10张
50UpdatePanel控件使用详解(二)第10张
51UpdatePanel控件使用详解(二)第10张protectedvoidInsertButton_Click(objectsender,EventArgse)
52UpdatePanel控件使用详解(二)第10张
53UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
54UpdatePanel控件使用详解(二)第10张
55UpdatePanel控件使用详解(二)第10张if(String.IsNullOrEmpty(FirstNameTextBox.Text)||56UpdatePanel控件使用详解(二)第10张
57UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张String.IsNullOrEmpty(LastNameTextBox.Text))UpdatePanel控件使用详解(二)第5张{return;}58UpdatePanel控件使用详解(二)第10张
59UpdatePanel控件使用详解(二)第10张
60UpdatePanel控件使用详解(二)第10张
61UpdatePanel控件使用详解(二)第10张intemployeeID=EmployeeList[EmployeeList.Count-1].EmployeeID+1;
62UpdatePanel控件使用详解(二)第10张
63UpdatePanel控件使用详解(二)第10张
64UpdatePanel控件使用详解(二)第10张
65UpdatePanel控件使用详解(二)第10张stringlastName=Server.HtmlEncode(FirstNameTextBox.Text);
66UpdatePanel控件使用详解(二)第10张
67UpdatePanel控件使用详解(二)第10张stringfirstName=Server.HtmlEncode(LastNameTextBox.Text);
68UpdatePanel控件使用详解(二)第10张
69UpdatePanel控件使用详解(二)第10张
70UpdatePanel控件使用详解(二)第10张
71UpdatePanel控件使用详解(二)第10张FirstNameTextBox.Text=String.Empty;
72UpdatePanel控件使用详解(二)第10张
73UpdatePanel控件使用详解(二)第10张LastNameTextBox.Text=String.Empty;
74UpdatePanel控件使用详解(二)第10张
75UpdatePanel控件使用详解(二)第10张
76UpdatePanel控件使用详解(二)第10张
77UpdatePanel控件使用详解(二)第10张EmployeeList.Add(newEmployee(employeeID,lastName,firstName));
78UpdatePanel控件使用详解(二)第10张
79UpdatePanel控件使用详解(二)第10张ViewState["EmployeeList"]=EmployeeList;
80UpdatePanel控件使用详解(二)第10张
81UpdatePanel控件使用详解(二)第10张
82UpdatePanel控件使用详解(二)第10张
83UpdatePanel控件使用详解(二)第10张EmployeesGridView.DataBind();
84UpdatePanel控件使用详解(二)第10张
85UpdatePanel控件使用详解(二)第10张EmployeesGridView.PageIndex=EmployeesGridView.PageCount;
86UpdatePanel控件使用详解(二)第10张
87UpdatePanel控件使用详解(二)第19张}
88UpdatePanel控件使用详解(二)第10张
89UpdatePanel控件使用详解(二)第10张
90UpdatePanel控件使用详解(二)第10张
91UpdatePanel控件使用详解(二)第10张protectedvoidCancelButton_Click(objectsender,EventArgse)
92UpdatePanel控件使用详解(二)第10张
93UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
94UpdatePanel控件使用详解(二)第10张
95UpdatePanel控件使用详解(二)第10张FirstNameTextBox.Text=String.Empty;
96UpdatePanel控件使用详解(二)第10张
97UpdatePanel控件使用详解(二)第10张LastNameTextBox.Text=String.Empty;
98UpdatePanel控件使用详解(二)第10张
99UpdatePanel控件使用详解(二)第19张}
100UpdatePanel控件使用详解(二)第10张
101UpdatePanel控件使用详解(二)第10张
102UpdatePanel控件使用详解(二)第10张
103UpdatePanel控件使用详解(二)第10张[Serializable]
104UpdatePanel控件使用详解(二)第10张
105UpdatePanel控件使用详解(二)第10张publicclassEmployee
106UpdatePanel控件使用详解(二)第10张
107UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
108UpdatePanel控件使用详解(二)第10张
109UpdatePanel控件使用详解(二)第10张privateint_employeeID;
110UpdatePanel控件使用详解(二)第10张
111UpdatePanel控件使用详解(二)第10张privatestring_lastName;
112UpdatePanel控件使用详解(二)第10张
113UpdatePanel控件使用详解(二)第10张privatestring_firstName;
114UpdatePanel控件使用详解(二)第10张
115UpdatePanel控件使用详解(二)第10张
116UpdatePanel控件使用详解(二)第10张
117UpdatePanel控件使用详解(二)第10张publicintEmployeeID
118UpdatePanel控件使用详解(二)第10张
119UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
120UpdatePanel控件使用详解(二)第10张
121UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张getUpdatePanel控件使用详解(二)第5张{return_employeeID;}122UpdatePanel控件使用详解(二)第10张
123UpdatePanel控件使用详解(二)第19张}
124UpdatePanel控件使用详解(二)第10张
125UpdatePanel控件使用详解(二)第10张
126UpdatePanel控件使用详解(二)第10张
127UpdatePanel控件使用详解(二)第10张publicstringLastName
128UpdatePanel控件使用详解(二)第10张
129UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
130UpdatePanel控件使用详解(二)第10张
131UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张getUpdatePanel控件使用详解(二)第5张{return_lastName;}132UpdatePanel控件使用详解(二)第10张
133UpdatePanel控件使用详解(二)第19张}
134UpdatePanel控件使用详解(二)第10张
135UpdatePanel控件使用详解(二)第10张
136UpdatePanel控件使用详解(二)第10张
137UpdatePanel控件使用详解(二)第10张publicstringFirstName
138UpdatePanel控件使用详解(二)第10张
139UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
140UpdatePanel控件使用详解(二)第10张
141UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张getUpdatePanel控件使用详解(二)第5张{return_firstName;}142UpdatePanel控件使用详解(二)第10张
143UpdatePanel控件使用详解(二)第19张}
144UpdatePanel控件使用详解(二)第10张
145UpdatePanel控件使用详解(二)第10张
146UpdatePanel控件使用详解(二)第10张
147UpdatePanel控件使用详解(二)第10张publicEmployee(intemployeeID,stringlastName,stringfirstName)
148UpdatePanel控件使用详解(二)第10张
149UpdatePanel控件使用详解(二)第13张UpdatePanel控件使用详解(二)第14张UpdatePanel控件使用详解(二)第5张{
150UpdatePanel控件使用详解(二)第10张
151UpdatePanel控件使用详解(二)第10张_employeeID=employeeID;
152UpdatePanel控件使用详解(二)第10张
153UpdatePanel控件使用详解(二)第10张_lastName=lastName;
154UpdatePanel控件使用详解(二)第10张
155UpdatePanel控件使用详解(二)第10张_firstName=firstName;
156UpdatePanel控件使用详解(二)第10张
157UpdatePanel控件使用详解(二)第19张}
158UpdatePanel控件使用详解(二)第10张
159UpdatePanel控件使用详解(二)第19张}
160UpdatePanel控件使用详解(二)第10张
161UpdatePanel控件使用详解(二)第10张
162UpdatePanel控件使用详解(二)第10张
163UpdatePanel控件使用详解(二)第20张
</script>164UpdatePanel控件使用详解(二)第6张
165UpdatePanel控件使用详解(二)第6张</head>166UpdatePanel控件使用详解(二)第6张
167UpdatePanel控件使用详解(二)第6张<body>168UpdatePanel控件使用详解(二)第6张
169UpdatePanel控件使用详解(二)第6张<formid="form1"runat="server">170UpdatePanel控件使用详解(二)第6张
171UpdatePanel控件使用详解(二)第6张<div>172UpdatePanel控件使用详解(二)第6张
173UpdatePanel控件使用详解(二)第6张&nbsp;</div>174UpdatePanel控件使用详解(二)第6张
175UpdatePanel控件使用详解(二)第6张<asp:ScriptManagerID="ScriptManager1"runat="server"EnablePartialRendering="true"/>176UpdatePanel控件使用详解(二)第6张
177UpdatePanel控件使用详解(二)第6张<table>178UpdatePanel控件使用详解(二)第6张
179UpdatePanel控件使用详解(二)第6张<tr>180UpdatePanel控件使用详解(二)第6张
181UpdatePanel控件使用详解(二)第6张<tdstyle="height:206px"valign="top">182UpdatePanel控件使用详解(二)第6张
183UpdatePanel控件使用详解(二)第6张<asp:UpdatePanelID="InsertEmployeeUpdatePanel"runat="server"UpdateMode="Conditional">184UpdatePanel控件使用详解(二)第6张
185UpdatePanel控件使用详解(二)第6张<ContentTemplate>186UpdatePanel控件使用详解(二)第6张
187UpdatePanel控件使用详解(二)第6张<tablecellpadding="2"border="0"style="background-color:#7C6F57">188UpdatePanel控件使用详解(二)第6张
189UpdatePanel控件使用详解(二)第6张<tr>190UpdatePanel控件使用详解(二)第6张
191UpdatePanel控件使用详解(二)第6张<td><asp:LabelID="FirstNameLabel"runat="server"AssociatedControlID="FirstNameTextBox"192UpdatePanel控件使用详解(二)第6张
193UpdatePanel控件使用详解(二)第6张Text="FirstName"ForeColor="White"/></td>194UpdatePanel控件使用详解(二)第6张
195UpdatePanel控件使用详解(二)第6张<td><asp:TextBoxrunat="server"ID="FirstNameTextBox"/></td>196UpdatePanel控件使用详解(二)第6张
197UpdatePanel控件使用详解(二)第6张</tr>198UpdatePanel控件使用详解(二)第6张
199UpdatePanel控件使用详解(二)第6张<tr>200UpdatePanel控件使用详解(二)第6张
201UpdatePanel控件使用详解(二)第6张<td><asp:LabelID="LastNameLabel"runat="server"AssociatedControlID="LastNameTextBox"202UpdatePanel控件使用详解(二)第6张
203UpdatePanel控件使用详解(二)第6张Text="LastName"ForeColor="White"/></td>204UpdatePanel控件使用详解(二)第6张
205UpdatePanel控件使用详解(二)第6张<td><asp:TextBoxrunat="server"ID="LastNameTextBox"/></td>206UpdatePanel控件使用详解(二)第6张
207UpdatePanel控件使用详解(二)第6张</tr>208UpdatePanel控件使用详解(二)第6张
209UpdatePanel控件使用详解(二)第6张<tr>210UpdatePanel控件使用详解(二)第6张
211UpdatePanel控件使用详解(二)第6张<td></td>212UpdatePanel控件使用详解(二)第6张
213UpdatePanel控件使用详解(二)第6张<td>214UpdatePanel控件使用详解(二)第6张
215UpdatePanel控件使用详解(二)第6张<asp:LinkButtonID="InsertButton"runat="server"Text="Insert"OnClick="InsertButton_Click"ForeColor="White"/>216UpdatePanel控件使用详解(二)第6张
217UpdatePanel控件使用详解(二)第6张<asp:LinkButtonID="Cancelbutton"runat="server"Text="Cancel"OnClick="CancelButton_Click"ForeColor="White"/>218UpdatePanel控件使用详解(二)第6张
219UpdatePanel控件使用详解(二)第6张</td>220UpdatePanel控件使用详解(二)第6张
221UpdatePanel控件使用详解(二)第6张</tr>222UpdatePanel控件使用详解(二)第6张
223UpdatePanel控件使用详解(二)第6张</table>224UpdatePanel控件使用详解(二)第6张
225UpdatePanel控件使用详解(二)第6张<asp:Labelrunat="server"ID="InputTimeLabel"><%=DateTime.Now%></asp:Label>226UpdatePanel控件使用详解(二)第6张
227UpdatePanel控件使用详解(二)第6张</ContentTemplate>228UpdatePanel控件使用详解(二)第6张
229UpdatePanel控件使用详解(二)第6张</asp:UpdatePanel>230UpdatePanel控件使用详解(二)第6张
231UpdatePanel控件使用详解(二)第6张</td>232UpdatePanel控件使用详解(二)第6张
233UpdatePanel控件使用详解(二)第6张<tdstyle="height:206px"valign="top">234UpdatePanel控件使用详解(二)第6张
235UpdatePanel控件使用详解(二)第6张<asp:UpdatePanelID="EmployeesUpdatePanel"runat="server"UpdateMode="Conditional">236UpdatePanel控件使用详解(二)第6张
237UpdatePanel控件使用详解(二)第6张<ContentTemplate>238UpdatePanel控件使用详解(二)第6张
239UpdatePanel控件使用详解(二)第6张<asp:GridViewID="EmployeesGridView"runat="server"BackColor="LightGoldenrodYellow"BorderColor="Tan"240UpdatePanel控件使用详解(二)第6张
241UpdatePanel控件使用详解(二)第6张BorderWidth="1px"CellPadding="2"ForeColor="Black"GridLines="None"AutoGenerateColumns="False">242UpdatePanel控件使用详解(二)第6张
243UpdatePanel控件使用详解(二)第6张<FooterStyleBackColor="Tan"/>244UpdatePanel控件使用详解(二)第6张
245UpdatePanel控件使用详解(二)第6张<SelectedRowStyleBackColor="DarkSlateBlue"ForeColor="GhostWhite"/>246UpdatePanel控件使用详解(二)第6张
247UpdatePanel控件使用详解(二)第6张<PagerStyleBackColor="PaleGoldenrod"ForeColor="DarkSlateBlue"HorizontalAlign="Center"/>248UpdatePanel控件使用详解(二)第6张
249UpdatePanel控件使用详解(二)第6张<HeaderStyleBackColor="Tan"Font-Bold="True"/>250UpdatePanel控件使用详解(二)第6张
251UpdatePanel控件使用详解(二)第6张<AlternatingRowStyleBackColor="PaleGoldenrod"/>252UpdatePanel控件使用详解(二)第6张
253UpdatePanel控件使用详解(二)第6张<Columns>254UpdatePanel控件使用详解(二)第6张
255UpdatePanel控件使用详解(二)第6张<asp:BoundFieldDataField="EmployeeID"HeaderText="EmployeeID"/>256UpdatePanel控件使用详解(二)第6张
257UpdatePanel控件使用详解(二)第6张<asp:BoundFieldDataField="LastName"HeaderText="LastName"/>258UpdatePanel控件使用详解(二)第6张
259UpdatePanel控件使用详解(二)第6张<asp:BoundFieldDataField="FirstName"HeaderText="FirstName"/>260UpdatePanel控件使用详解(二)第6张
261UpdatePanel控件使用详解(二)第6张</Columns>262UpdatePanel控件使用详解(二)第6张
263UpdatePanel控件使用详解(二)第6张<PagerSettingsPageButtonCount="5"/>264UpdatePanel控件使用详解(二)第6张
265UpdatePanel控件使用详解(二)第6张</asp:GridView>266UpdatePanel控件使用详解(二)第6张
267UpdatePanel控件使用详解(二)第6张<asp:Labelrunat="server"ID="ListTimeLabel"><%=DateTime.Now%></asp:Label>268UpdatePanel控件使用详解(二)第6张
269UpdatePanel控件使用详解(二)第6张</ContentTemplate>270UpdatePanel控件使用详解(二)第6张
271UpdatePanel控件使用详解(二)第6张<Triggers>272UpdatePanel控件使用详解(二)第6张
273UpdatePanel控件使用详解(二)第6张<asp:AsyncPostBackTriggerControlID="InsertButton"EventName="Click"/>274UpdatePanel控件使用详解(二)第6张
275UpdatePanel控件使用详解(二)第6张</Triggers>276UpdatePanel控件使用详解(二)第6张
277UpdatePanel控件使用详解(二)第6张</asp:UpdatePanel>278UpdatePanel控件使用详解(二)第6张
279UpdatePanel控件使用详解(二)第6张</td>280UpdatePanel控件使用详解(二)第6张
281UpdatePanel控件使用详解(二)第6张</tr>282UpdatePanel控件使用详解(二)第6张
283UpdatePanel控件使用详解(二)第6张</table>284UpdatePanel控件使用详解(二)第6张
285UpdatePanel控件使用详解(二)第6张</form>286UpdatePanel控件使用详解(二)第6张
287UpdatePanel控件使用详解(二)第6张</body>288UpdatePanel控件使用详解(二)第6张
289UpdatePanel控件使用详解(二)第6张</html>

运行后效果如下:

UpdatePanel控件使用详解(二)第597张
转自:http://www.cnblogs.com/Terrylee/archive/2006/11/01/ASPNET_AJAX_UpdatePanle_Part2.html
示例代码下载:https://files.cnblogs.com/Terrylee/ASPNETAJAXUpdatePanelDemo2.rar

免责声明:文章转载自《UpdatePanel控件使用详解(二)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇使用Advanced Installer制作IIS安装包(二:配置安装包依赖项和自定义dll)一些常用的dos命令下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

c# 获取相对路径

c# 获取相对路径 一、获取当前文件的路径1. System.Diagnostics.Process.GetCurrentProcess().MainModule.FileName获取模块的完整路径,包括文件名。2. System.Environment.CurrentDirectory获取和设置当前目录(该进程从中启动的目录)的完全限定目录。3. Sy...

Simulink仿真入门到精通(十八) TLC语言

TLC(Target Language Compiler)是一种为转换为目标语言而存在的额解释性语言,其目的就是将模型中编译出来的rtw文件转换为目标代码(C/C++等)。与M语言类似,既可以写成脚本文件,也能够作为函数存在,都是解释性语言,更相似的是它们都提供具有强大功能的内建函数库。 18.1 TLC的作用 支持模型针对通用或特定目标硬件的代码生成功...

C# 文件操作详解(一)File类

C#对文件的操作相当方便,主要涉及到四个类:File、FileInfo、Directory、DirectoryInfo,前两个提供了针对文件的操作,后两个提供了针对目录的操作,类图关系如下: 图1:类图 下面通过实例来看下每个类的使用。 一、File类 File中提供了许多的静态方法,使用这些静态方法我们可以方便的对文件进行读写查等基本操作。 1、读文件...

Android中动态设置GridView的列数、列宽和行高

 在使用GridView时我们知道,列数是可以通过设计时的属性来设置的,列的宽度则是根据列数和GridView的宽度计算出来的。但是有些时候我们想实现列数是动态改变的效果,即列的宽度保持某个值,列的数量是可变的,我们可通过获取屏幕宽度并除以项目宽度来处理。请看下面的代码: @Override protected void onCreate(Bun...

Servlet异步处理和文件上传

1. 什么是异步处理 原来,在服务器没有结束响应之前,浏览器是看不到响应内容的!只有响应结束时,浏览器才能显示结果! 现在异步处理的作用:在服务器开始响应后,浏览器就可以看到响应内容,不用等待服务器响应结束! 2. 实现异步的步骤 * 得到AsyncContext,它异步上下文对象 AsyncContext ac = request.startAsync(...

Jmeter之Bean shell使用(一)

一、什么是Bean Shell BeanShell是一种完全符合Java语法规范的脚本语言,并且又拥有自己的一些语法和方法; BeanShell是一种松散类型的脚本语言(这点和JS类似); BeanShell是用Java写成的,一个小型的、免费的、可以下载的、嵌入式的Java源代码解释器,具有对象脚本语言特性,非常精简的解释器jar文件大小为175k。...