Asp.net中实现正在加载效果

最新推荐文章于 2018-07-26 16:02:40 发布

sdsxc

最新推荐文章于 2018-07-26 16:02:40 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/energeticsunxiaocong/article/details/8152655

版权

这种效果很早之前就想实现了，一直没有实现。今天抽了点时间来做。终于做完了。

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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>
    <style type="text/css" media="screen">
		.center{
			position:absolute;
			width: 120px;
			height: 120px;
			left: 50%;
			top: 50%;
			margin: -60px 0px 0px -60px;
			border: 0px solid #F00;
		}
	</style>

</head>

<body>
    <form id="form1" runat="server">
    <asp:ScriptManager runat="server">
    </asp:ScriptManager>
     <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
             <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="1">
            <ProgressTemplate >
            <%-- <p>
                 正在加载，请稍候......
             </p>--%>
             <div class="center"><asp:Image ID="Image1" runat="server" ImageUrl="~/Image/loading05.gif"></asp:Image>
             </div>
            </ProgressTemplate>
            </asp:UpdateProgress>
            <br />
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="查询数据" />
                <br />
                <asp:GridView ID="GridView1" runat="server">
                </asp:GridView>
            </ContentTemplate>
        </asp:UpdatePanel>

   

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

后台代码：

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

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

    }
    protected void Button1_Click(object sender, EventArgs e)
    {

        SqlConnection conn = new SqlConnection();
        conn.ConnectionString = "server=10.68.69.203,81;database=cpudata;user id=sa;password=19790601";
        try
        {
            conn.Open();
            SqlCommand cmd = new SqlCommand();
            cmd.Connection = conn;
            cmd.CommandText = "SELECT top 888 pur_voice, term_code, oper_code pur_date, user_code, meter_num, price_code, pur_power ,pur_money, pur_count, free_power, offer_money, left_money, write_card_pow  FROM dbo.pur_power_detail;";
            SqlDataAdapter sda = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            sda.Fill(ds);
            this.GridView1.DataSource = ds.Tables[0];
            this.GridView1.DataBind();

        }
        catch (Exception ex)
        {

            throw ex;
        }
        finally
        {
            conn.Close();
        }

    }
   
}

sdsxc

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
Asp.net中实现正在加载效果

这种效果很早之前就想实现了，一直没有实现。今天抽了点时间来做。终于做完了。前台代码： .center{ position:absolute; width: 120px; height: 120px; left: 50%; top: 50%; margin: -60px 0px 0px -60px; bo
复制链接

扫一扫