5、xt/css">
#UpdatePanel1 {}{
width:200px; height:100px;
border: 1px solid gray;
}
#UpdateProgress1 {}{
width:200px; background-color: #FFC080;
bottom: 0%; left: 0px; position: absolute;
}
11．保存并按Ctrl + F5运行。
12．单击refresh按钮，经过短暂的延时之后显示进度信息，完成异步更新之后UpdatePan
6、el中的信息显示为当前的服务器时间。
13．单击refresh按钮并立即单击Cancle按钮结束异步更新，注意到UpdatePanel中的时间信息并没有更新。
二．通过客户端脚本显示或者隐藏进度信息
在下列情况下，UpdateProgress控件将不会自动显示：
由UpdateProgress控件关联的UpdatePanel之外的控件引发的异步更新。
UpdateProgress控件没有关联任何UpdatePanel，不在UpdatePanel中的控件引发的异步更新（例如用代码实现的更新）。
下面的例子将展示一个不在UpdateProgress所关联的UpdatePanel
7、中的控件所引发的异步更新时，如何显示UpdateProgress控件。
1．在我们前面所创建的页面中，切换到设计视图。
2．选中UpdateProgress控件，在属性窗口中，设置AssociatedUpdatePanelID属性为UpdatePanel1。
3．在UpdatePanel和UpdateProgress控件之外添加一个Button控件。
4．设置Button的Text属性值为Trigger，并设置ID属性为Panel1Trigger。
5．选择UpdatePanel控件，在属性窗口中Triggers属性行单击ellipsis (…)。
6．创建一个异步更新触发
8、器，并设置控件ID为Panel1Trigger。
7．双击Trigger按钮添加Click事件。
8．在Buttond的Click事件处理中添加如下代码，人为的创建一个3秒钟的延迟并显示当前服务器的时间，并附加上一条信息表示是由触发器引发的异步更新。
protected void Panel1Trigger_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
Label1.Text = DateTime.Now.ToString() + " - trigger";
9、
}
9．在代码窗口，在已有的
10．保存并按Ctrl + F5运行。
11．单击Trigger按钮，如下所示：
浙ICP备2021020529号-1 | 浙B2-20240490 
