ASP.Net Ajax框架 UpdateProgress控件 页面刷新等待动画

来源:互联网 发布:java兼职猪八戒网 编辑:程序博客网 时间:2024/06/05 00:22

介绍

在实际使用过程中,由于网络速度和服务器响应能力的影响,导致异步刷新有时并非想象中的那样快,
        需要用户等待一段时间,才能显示刷新后的结果,在等待的过程中,用户不知道服务器处理是否完成,会感觉很迷茫
        如果我们 在服务器处理数据时加入一个GIF动画,告诉用户稍等,在服务器处理完成数据时GIF动画消失,就会提高用户的体验度
        
        ASP.Net AJAx核心组件中的UpdataProgress控件专用于实现网站中的等待提示功能。
        当页面异步更新数据时,显示给用户友好的提示信息。该信息可以是文本信息,也可以是图片信息


使用

<form id="form1" runat="server">        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>        <asp:UpdatePanel ID="UpdatePanel1" runat="server">            <ContentTemplate>                <div>                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>                    <asp:UpdateProgress ID="UpdateProgress1" runat="server">                        <ProgressTemplate>                            <h3>........................</h3>                        </ProgressTemplate>                    </asp:UpdateProgress>                </div>                <div>                    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />                </div>                <div>                    <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button1_Click" />                </div>            </ContentTemplate>          </asp:UpdatePanel>    </form>


后台代码
namespace ch5{    public partial class T3 : System.Web.UI.Page    {        protected void Page_Load(object sender, EventArgs e)        {        }        protected void Button1_Click(object sender, EventArgs e)        {            double sum = 0;            for (double i = 0; i <= 100000000; i++)            {                sum += i;            }            Label1.Text = sum.ToString();        }    }}


0 0