您的位置：首页 > 其它

UpdatePanel使用说明

2011-05-29 22:08 197 查看

概述

jQuery的Ajax框架已经非常成熟了，也非常普及，为什么还要了解Microsoft的Ajax.net呢？Microsoft把ajax的相关处理进行了封装，使用ajax.net开发asp.net应用非常简单和方便，在一些简单应用中可以极大地提高开发效率，ajax相关的开发成本几乎可以忽略。

开始第一个UpdatePanel程序

在ajax.net中，UpdatePanel的使用非常普遍，那就拿UpdatePanel来说明ajax.net如何使用。首先，需要下载ajax.net的msi包并安装，可以到Microsoft的官方网站上下载，地址：ASPAJAXExtSetup.msi：http://download.microsoft.com/download/5/4/6/5462bcbd-e738-45fa-84ca-fa02b0c4e1c2/ASPAJAXExtSetup.msi
ASPAJAXSourceCode.msi：http://download.microsoft.com/download/6/d/6/6d6c7c47-b9ff-4934-bb03-8a45b8418d35/ASPAJAXSourceCode.msi
AjaxControlToolkit：http://ajax.asp.net/downloads/default.aspx?tabid=47
or http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=1425
下载完成并安装msi包之后，就可以开始第一个UpdatePanel的程序了，开始第一个UpdatePanel程序之前，还需要注意Ajax.net开发ajax程序，首先需要配置好配置文件，配置文件的详细内容可以参考ASP.NET AJAX-Enabled Web Site模板生成的web.config配置文件（该模板会在安装完msi包之后自动添加到VS2005中）配置文件处理完毕之后就可以开始第一个UpdatePanel程序了。

需要注意的地方

a. 如果配置文件没有配置好，或者ajax.net的msi包没有安装好，使用ajax.net开发程序是会出现一些奇怪的js错误
b. 一个页面中只能出现一个ScriptManager，如果页面中使用了用户控件，页面中一旦出现了ScriptManager，用户控件中就不能再添加ScriptManager。
c. UpdatePanel有一个刷新区域，只有刷新区域的控件才会被刷新，把需要刷新的控件放在刷新区域内。
d. 一个页面中随处可见的UpdatePanel会降低页面的执行效率和影响代码可读性，不要滥用UpdatePanel

示例代码

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title>Refreshing an UpdatePanel Programmatically</title>
<script runat="server" language="c#">
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToString();
}

protected void Button1_Click(object sender, EventArgs e)
{
this.Label2.Text = DateTime.Now.ToString();

this.UpdatePanel1.Update();

}
</script>
</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="200"/>

<div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

<ContentTemplate>
<asp:Label ID="Label2" runat="server" Text="Label" ForeColor="Red"></asp:Label><br/><br/>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click"/>
</Triggers>

</asp:UpdatePanel>
<asp:Label ID="Label1" runat="server" Text="更新时间："></asp:Label><br />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick = "Button1_Click"/>

</div>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航