手机
当前位置:查字典教程网 >编程开发 >asp.net教程 >asp.net UpdaeProgress的简单用法
asp.net UpdaeProgress的简单用法
摘要:UpdateProgress应该就是“更新进度”的意思吧。使用方法:1.添加一个ScriptManager控件2.添加一个UpdatePan...

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 id="Head1" 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 id="form1" runat="server">

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

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

<ContentTemplate>

<asp:Button ID="Button1" runat="server" Text="Button" />

<asp:Label ID="Label1" runat="server" Text="显示数据"></asp:Label>

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">

<ProgressTemplate>

<div id="progress"><img src="img/1.gif" />

等待中...

</div>

</ProgressTemplate>

</asp:UpdateProgress>

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<ContentTemplate>

<asp:Button ID="Button2" runat="server" Text="Button" /><br />

<br />

<asp:Label ID="Label2" runat="server" Text="显示数据"></asp:Label>

<asp:UpdateProgress ID="UpdateProgress2" 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图片

还往大哥大姐们多多指教。

【asp.net UpdaeProgress的简单用法】相关文章:

.net4.0中tuple元组的使用方法

asp.net Timer的使用方法

asp.net UpdatePanel的简单用法

asp.net querystring乱码解决方法

在asp.net中实现datagrid checkbox 全选的方法

asp.net post方法中参数取不出来的解决方法

asp.net webservice返回json的方法

asp.net 操作excel的实现代码

asp.net TripleDES加密、解密算法

asp.net中包含文件的代码及使用方法

精品推荐
分类导航