1: 他是很霸道的,一个页面只允许有一个,该页所有的延迟都由他处理!
2:简单的做法下,他并不体现真实的进度,实际上我们只是放了一个图片,一个招牌!
至于做真实进度条,可以参阅http://dflying.cnblogs.com/archive/2006/03/28/361146.html
后面我也会出相应的视频,请关注http://thcjp.cnblogs.com/ ,不过目前我自觉功力不够
所以没有打算去啃这个骨头!!
好了,废话完毕,我们开始做吧!!
视频中的图片没有动态效果,这里我又做了一个,很潦草,但是可以启示下撒
视频下载
下面是全部代码
后台 C#代码
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 
{
//这里我们还是模拟网络延迟 System.Threading.Thread.Sleep(500); GridView1.PageIndex = Convert.ToInt32(DropDownList1.SelectedValue);
}前台页面代码<%@ Page Language="C#" AutoEventWireup="true" CodeFile="grv.aspx.cs" Inherits="grv" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>无标题页</title></head><body> <form id="form1" runat="server"> <atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True"> </atlas:ScriptManager> <atlas:UpdateProgress ID="UpdateProgress1" runat="server"> <ProgressTemplate> <div style="border-right: mediumblue 1pt solid; border-top: mediumblue 1pt solid; left: 40px; border-left: mediumblue 1pt solid; 189px; border-bottom: mediumblue 1pt solid; position: absolute; top: 40px; height: 34px; background-color: #3399cc;"> <img src="progress bar.bmp" /></div> </ProgressTemplate> </atlas:UpdateProgress> <div> <atlas:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="au_id" DataSourceID="SqlDataSource1"> <Columns> <asp:BoundField DataField="au_id" HeaderText="au_id" ReadOnly="True" SortExpression="au_id" /> <asp:BoundField DataField="au_lname" HeaderText="au_lname" SortExpression="au_lname" /> <asp:BoundField DataField="city" HeaderText="city" SortExpression="city" /> <asp:BoundField DataField="state" HeaderText="state" SortExpression="state" /> <asp:BoundField DataField="zip" HeaderText="zip" SortExpression="zip" /> </Columns> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:pubsConnectionString %>" SelectCommand="SELECT [au_id], [au_lname], [city], [state], [zip] FROM [authors]"> </asp:SqlDataSource> </ContentTemplate> <Triggers> <atlas:ControlEventTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" /> </Triggers> </atlas:UpdatePanel> <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"> <asp:ListItem Value="0">第一页</asp:ListItem> <asp:ListItem Value="1">第二页</asp:ListItem> <asp:ListItem Value="2">第三页</asp:ListItem> </asp:DropDownList><br /> </div> </form></body></html>