ASP.NET Tutorial/Ajax/UpdateProgress — различия между версиями
Admin (обсуждение | вклад) м (1 версия) |
|
(нет различий)
|
Текущая версия на 11:57, 26 мая 2010
Using the UpdateProgress Control
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void btnSubmit_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(5000);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Show UpdateProgress</title>
<style type="text/css">
.progress
{
font-family:Arial;
position: absolute;
background-color:lightyellow;
border:solid 2px red;
padding:5px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
<%= DateTime.Now.ToString("T") %>
<asp:Button
id="btnSubmit"
Text="Submit"
Runat="server" OnClick="btnSubmit_Click" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress
ID="progress1"
AssociatedUpdatePanelID="up1"
runat="server">
<ProgressTemplate>
<div class="progress">
<asp:Image
id="imgProgress"
ImageUrl="~/Images/Progress.gif"
Runat="server" />
Retrieving content...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</div>
</form>
</body>
</html>