zoukankan      html  css  js  c++  java
  • UpdateProgress 实现加载效果

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

    <!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 id="Head1" runat="server">
    <title></title>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"> <%--脚本管理器 ScriptManager(脚本控制器)是asp.net ajax存在的基础.--%>
    </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <%--更新面板--%>
    <ContentTemplate> <%--模板内容--%>
    <%=DateTime.Now.ToString() %><br/>
    <asp:Button ID="Button3" runat="server" Text="1111" OnClick="Button_Click" />
    </ContentTemplate>
    </asp:UpdatePanel>
    <Triggers>
    <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Event"/>
    </Triggers>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="5"> <%--更新进展--%>
    <ProgressTemplate> <%--进展模板--%>
    <table id="searching" cellpadding="0" cellspacing="0" style="border- 0px; position: absolute;
    320px; top: 50%; left: 50%; margin-top: -35px; margin-left: -160px;">
    <tr>
    <td style="background-color: #95B7F3">
    <table cellpadding="0" cellspacing="2" style="border- 0px; 100%; height: 70px;">
    <tr>
    <td align="center" style="font-size: 9pt; background-color: #f5f5f5">
    <img alt="" src="../images/loading01.gif" /><br />
    正在检索数据, 请稍候...
    </td>

    </tr>
    </table>
    </td>
    </tr>
    </table>
    </ProgressTemplate>
    </asp:UpdateProgress>

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

    <%--UpdateProgress的AssociatedUpdatePanelID属性的三种使用方法
    http://blog.csdn.net/hehuii/article/details/6900813--%>

  • 相关阅读:
    java优雅的使用elasticsearch api
    springboot mybatis优雅的添加多数据源
    java通过shield链接Elasticsearch
    java spark-streaming接收TCP/Kafka数据
    hiveQL求差集
    hiveQL去重
    Ubuntu16.04+Opencv3.3的安装教程
    TensorFlow池化层-函数
    TensorFlow激活函数+归一化-函数
    TensorFlow图像预处理-函数
  • 原文地址:https://www.cnblogs.com/fuchenjie/p/5319911.html
Copyright © 2011-2022 走看看