Waiting Image When search result is on load

最新推荐文章于 2021-08-12 11:15:32 发布

zhangxiao86

最新推荐文章于 2021-08-12 11:15:32 发布

阅读量218

点赞数

分类专栏： ASP.NET Learning 文章标签： search image button server asp extension

本文链接：https://blog.csdn.net/zhangxiao86/article/details/7819060

版权

ASP.NET Learning 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

It need to use the Ajax Extension

1, ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Loading.aspx.cs" Inherits="EPWeb.Loading" %>

<!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">
    <div>
    
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

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

            <asp:Button ID="Button1" runat="server" Text="Button" οnclick="Button1_Click" />
        
        </ContentTemplate>
        </asp:UpdatePanel>

        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
        <ProgressTemplate>
            <img src="Styles/loading.gif" />
        </ProgressTemplate>
        </asp:UpdateProgress>

    </div>
    </form>
</body>
</html>

2, ASPX.CS (use thread.sleep to simulate the loading time -- here is 8 second)

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace EPWeb
{
    public partial class Loading : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(8000);
        }
    }
}