asp.net ajax1.0基础回顾（三）：UpdatePanel的基本用法

在asp.net ajax中，UpdatePanel控件可以让大部分服务器端控件拥有AJAX能力，只需要把服务端拽到UpdatePanel中或在UpdatePanel上注册一下即可，下面通过示例来说明。

1．创建Web应用程序名为AspNetAjaxDemo的工程，如下图所示：

2．页面UpdatePanelDemo.aspx的前端代码如下：

<body>

<h3>UpdatePanel控件基本用法</h3>

<asp:ScriptManager ID="ScriptManagerDemo" runat="server">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanelDemo" runat="server" RenderMode="Inline"

UpdateMode="Conditional">

<asp:TextBox ID="txtInner" runat="server"></asp:TextBox>

 <asp:Button ID="btnInnerAsych" runat="server" Text="内部异步"

/>  <asp:Button ID="btnInnerSync"

runat="server" Text="内部同步" />

<asp:Label ID="lblMessage" runat="server"></asp:Label>

</ContentTemplate>

<asp:AsyncPostBackTrigger ControlID="btnOuterAsyn" EventName="Click" />

<asp:PostBackTrigger ControlID="btnInnerSync" />

</Triggers>

</asp:UpdatePanel>

</div>

<asp:Button ID="btnOuterAsyn" runat="server" Text="外部异步"

</form>

</body>

3．页面UpdatePanelDemo.aspx的后端代码：

namespace AspNetAjaxDemo

{

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void btnInnerAsych_Click(object sender, EventArgs e)

{

this.lblMessage.Text = String.Format("来自内部异步 - Hello {0}", this.txtInner.Text);

}

protected void btnOuterAsyn_Click(object sender, EventArgs e)

{

this.lblMessage.Text = String.Format("来自外部异步 - Hello {0}", this.txtInner.Text);

}

protected void btnInnerSync_Click(object sender, EventArgs e)

{

this.lblMessage.Text = String.Format("来自内部同步 - Hello {0}", this.txtInner.Text);

}

4.开始测试。

说明：

1）UpdatePanel可以其内部的服务器端控件自动获取AJAX能力，还可以将UpdatePanel外部的服务器控件获取AJAX能力，只需要将服务器端控件在UpdatePanel上注册一下即可完成，具体操作有两种：一种是手动添加以上页面中的btnOuterAsyn按钮的相关代码，或通过如下图片操作和设置来完成：

2）UpdatePanel还可以将内部的服务器端控件失去AJAX能力，完成常规的POSTBACK操作，同样只需要将外部的服务器控件在UpdatePanel上注册一下即可，如下图片所示。

本文转自彭金华 51CTO博客，原文链接:http://blog.51cto.com/pengjh/591511

asp.net ajax1.0基础回顾（三）：UpdatePanel的基本用法相关推荐

asp.net ajax1.0基础回顾(七)：综合应用
本文将通过学生信息管理来介绍asp.net ajax的综合应用实例,包括"浏览"."查询"."添加"和"多选删除"功能, ...
asp.net ajax1.0基础回顾(六)：调用ASPX页面方法
在aspx页面中,可能通过asp.net ajax调用其页面方法,具体设置如下. 1．服务器端代码(页面对象代码): using System.Web; using System.Web.Servic ...
asp.net ajax1.0基础回顾(五)：调用ASMX（WebService）
通过asp.net ajax来调用ASMX时,只需要将ASMX地址在ScriptManager上注册一下,具体如下: 1.创建ASMX,给WebService手动添加ScriptService属性,或 ...
asp.net ajax1.0基础回顾（二）：经典模式
asp.net ajax提供经典的异步请求/响应模式的客户端JS对象Sys.Net.WebRequest,本文将只对Sys.Net.WebRequest的进行介绍.若想深入了解相关的其它JS对象,可以 ...
ASP.NET AJAX1.0尝鲜试用：Web Service调用
系统环境:Windows Server 2003 + IIS6 开发环境:Visual Web Developer 2005速成版 + ASP.NET AJAX 1.0 使用目的:无刷新调用服务器端的 ...
WF4.0 基础篇 (三十完) 对学习WF的一点建议
从09年10月份 NET4.0 Bata 2发布后,我就开始写[WF4.0 基础篇]这个系列,经历了5个多月终于在NET4.0正式发布前将这个系列完成了这段时间与一些对WF4.0感兴趣的公司与开发人 ...
WF4.0 基础篇 (三) 流程实例WorkflowApplication与设计WF程序的基本原则
通过本节,可以初步了解WF程序的特性,为以后的WF类应用开发提供一个初步的感性认识目录 1 流程实例WorkflowApplication与设计WF程序的基本原则 1 1.1 流程 ...
深入剖析ASP.NET 2.0缓冲机制
一.简介 ASP.NET 1.x Cache API是一种革命性特征.当一个XML文件或另一个缓冲项的内容改变时,Cache API提供了诸如声明性输出缓冲.以编程方式控制输出缓冲以及使缓冲项无效等能 ...
深入ASP.NET 2.0的提供者模型
一. 引言早在2001年,我就着手开发一个ASP.NET在线消息板应用程序WebForums.NET.其目的是创建一个基于ASP.NET的消息板系统,而且该系统可以容易插入到一个现有网站中.构建这样 ...

asp.net ajax1.0基础回顾（三）：UpdatePanel的基本用法

asp.net ajax1.0基础回顾（三）：UpdatePanel的基本用法相关推荐

最新文章

热门文章