79、ASP.NET AJAX UpdatePanel 全面解析

ASP.NET AJAX UpdatePanel 全面解析

一、UpdatePanel 简介

在使用不支持 Ajax 或未开启 JavaScript 的浏览器访问使用 UpdatePanel 的页面时，页面会使用普通回发而不是部分更新，但其他功能仍能正常工作。

二、简单的 UpdatePanel 测试

为了测试 UpdatePanel，我们可以构建一个简单的测试页面。该页面包含一个动画 GIF 图像和一个显示当前时间的阴影框，阴影框内还有一个“刷新时间”按钮。点击该按钮时，页面会从 Web 服务器获取当前时间并更新标签，且刷新过程采用部分更新，页面不会闪烁，动画 GIF 也会持续播放不受影响。

构建此页面的步骤如下：
1. 添加 ScriptManager 控件 ：所有使用 ASP.NET AJAX 的控件都需要与 ScriptManager 配合使用，UpdatePanel 也不例外。若页面中没有 ScriptManager，UpdatePanel 将无法工作，运行页面时会抛出异常。并且，ScriptManager 必须出现在 UpdatePanel 之前，因为渲染后的页面必须先有 JavaScript 脚本块，UpdatePanel 才能使用它。建议将 ScriptManager 放置在页面

部分的顶部。
2. 添加页面内容 ：
- 动画 GIF 可使用普通的 元素显示。
- 标签和按钮需要用 UpdatePanel 包裹以实现部分刷新。UpdatePanel 用于异步刷新内容，它直接继承自 C