UpdateProgress 应该就是“更新进度” 的意思吧。 使用方法: 1.添加一个ScriptManager控件 2.添加一个UpdatePanel控件 3.添加一个UpdateProgress控件 设置UpdateProgress控件的AssociatedUpdatePanelID为第2步 UpdatePanel的ID(如果页面中有多个UpdatePanel则,只有相应updatePanel关联的updateProgress显示) 测试例子代码:
复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <style type="text/css"> #UpdatePanel1, #UpdatePanel2, #UpdateProgress1 { border-right: gray 1px solid; border-top: gray 1px solid; border-left: gray 1px solid; border-bottom: gray 1px solid; } #UpdatePanel1, #UpdatePanel2 { width:200px; height:200px; position: relative; float: left; margin-left: 10px; margin-top: 10px; } #UpdateProgress3 { width: 200px; background-color: #FFC080; bottom: 0%; left: 0px; position: absolute; } #UpdateProgress2 { width: 200px; background-color: #FFC080; bottom: 0%; left: 0px; position: absolute; } </style> </head> <body> <form runat="server"> <asp:ScriptManager runat="server" /> <asp:UpdatePanel runat="server"> <ContentTemplate> <asp:Button runat="server" Text="Button" /> <asp:Label runat="server" Text="显示数据"></asp:Label> <asp:UpdateProgress runat="server" AssociatedUpdatePanelID="UpdatePanel1"> <ProgressTemplate> <div><img src="http://www.jb51.net/article/img/1.gif" /> 等待中... </div> </ProgressTemplate> </asp:UpdateProgress> </ContentTemplate> </asp:UpdatePanel> <asp:UpdatePanel runat="server"> <ContentTemplate> <asp:Button runat="server" Text="Button" /><br /> <br /> <asp:Label runat="server" Text="显示数据"></asp:Label> <asp:UpdateProgress runat="server" AssociatedUpdatePanelID="UpdatePanel2"> <ProgressTemplate> 更新数据中.... </ProgressTemplate> </asp:UpdateProgress> </ContentTemplate> </asp:UpdatePanel> </form> </body> </html>
c#代码:
复制代码 代码如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using System.Threading; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click1(object sender, EventArgs e) { System.Threading.Thread.Sleep(3000); Label1.Text = "刷新时间:" + DateTime.Now.ToString(); } protected void Button2_Click1(object sender, EventArgs e) { System.Threading.Thread.Sleep(3000); Label2.Text = "刷新时间:" + DateTime.Now.ToString(); } }
其中,页面代码中的css是msdn上的例子。UpdatePanel1中的UpdateProgress1显示一张动态gif图片 还往大哥大姐们多多指教。
(编辑:焦作站长网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|