豆豆网 > 技术应用 > 程序设计 > Java > Ajax > 正文

ASP.NET AJAX入门系列（4）：使用UpdatePanel控件（一）

豆豆网技术应用频道 2007年11月21日【字号：小中大】收藏本文

关键字： Ajax 搜索框 UpdatePanel XMLHttpRequest json AJAX入门

本文详细介绍ASP.NET AJAX入门系列（4）：使用UpdatePanel控件（一）

　　二．UpdatePanel工作原理

　　UpdatePanel的工作依赖于ScriptManager服务端控件（ASP.NET AJAX入门系列（2）：使用ScriptManager控件）和客户端PageRequestManager类（Sys.WebForms.PageRequestManager，在后面的客户端类中会专门说到），当ScriptManager中允许页面局部更新时，它会以异步的方式回传给服务器，与传统的整页回传方式不同的是只有包含在UpdatePanel中的页面部分会被更新，在从服务端返回HTML之后，PageRequestManager会通过操作DOM对象来替换需要更新的代码片段。

　　看一下官方网站提供的UpdatePanel工作原理图：

ASP.NET AJAX入门系列（4）：使用UpdatePanel控件（一）

　　三．ContentTemplate属性

　　Contente Template标签用来定义UpdatePanel的内容，在它里面可以放任何ASP.NET元素。如果你想要使用编程的手法来控制UpdatePanel中的内容，就需要使用ContenteTemplateContainer，下面会说到，先来看一个简单的ContentTemplate的例子。

　　<asp:UpdatePanel ID="UpdatePanel1" runat="server">
　　<ContentTemplate>
　　<asp:Calendar ID="Calendar1" ShowTitle="True" runat="server" />
　　<div>
　　Background:
　　<br />
　　<asp:DropDownList ID="ColorList" AutoPostBack="True" OnSelectedIndexChanged="DropDownSelection_Change"
　　runat="server">
　　<asp:ListItem Selected="True" Value="White">
　　White </asp:ListItem>
　　<asp:ListItem Value="Silver">
　　Silver </asp:ListItem>
　　<asp:ListItem Value="DarkGray">
　　Dark Gray </asp:ListItem>
　　<asp:ListItem Value="Khaki">
　　Khaki </asp:ListItem>
　　<asp:ListItem Value="DarkKhaki"> D
　　ark Khaki </asp:ListItem>
　　</asp:DropDownList>
　　</div>
　　</ContentTemplate>
　　</asp:UpdatePanel>

来源：TerryLee 责编：豆豆技术应用

正在加载评论...