asp.net中的Ajax Loding图片 [英] ajax loding image in asp.net

问题描述

当我在登录页面中单击提交"按钮时，将需要时间显示下一页，同时我需要显示正在加载图像.

when i click submit button in login page it will take time to show next page meanwhile i need to show loading image

推荐答案

看看下面的代码是否可以帮助您:

See if below code helps you:

<asp:UpdateProgress ID="uprgWorkRequest"  AssociatedUpdatePanelID="DeptPanel" runat="server">
 <ProgressTemplate>

<div id="IMGDIV1" align="center" valign="middle" runat="server" style="position: absolute;visibility:visible;vertical-align:middle;border-style:none;border-color:black;background-color:transparent;">

  <asp:Image ID="Image1" runat="server" ImageUrl="Images/loading.gif" />Loading...

   </div>

  </ProgressTemplate>

 </asp:UpdateProgress>

除此之外，请查看以下链接:
http://www.javascriptkit.com/script/script2/progressbar.shtml [ ^ ]
JavaScript进度栏 [

Other than this, please have a look at below link:
http://www.javascriptkit.com/script/script2/progressbar.shtml[^]
Javascript Progress Bar[^]

您可以为其使用AJAX更新进度.

看看这些示例以了解Update Progress的实现和工作:
MSDN:UpdateProgress控件概述 [ CP:ASP.NET AJAX扩展的UpdateProgress控件 [ AJAX.NET UpdateProgress控件 [ ASPNET教程: ASP.NET和C#中的AJAX UpdateProgress控件简介 [如何使用ASP.NET Ajax制作类似Gmail的加载指示器 [

You can use AJAX Update Progress for it.

Have a look at these samples to understand the implementation and working of Update Progress:
MSDN: UpdateProgress Control Overview[^]
CP: The UpdateProgress Control of ASP.NET AJAX Extensions[^]
AJAX.NET UpdateProgress control[^]
ASPNET Tutorial: Introduction to AJAX UpdateProgress Control in ASP.NET and C#[^]


Sample reference: How to make a Gmail-like loading indicator with ASP.NET Ajax[^]

在母版页中打开表单标签的下方添加以下代码.

Add following code just below opening form tag in master page.

<asp:updateprogress runat="server" id="upMainProgress" xmlns:asp="#unknown">
        <progresstemplate>
            <div id="load" class="n1 loadingProcess">
            </div>
            <div id="visibleDiv" class="loadingProcess">
                <img src="images/loading.gif" width="43">
                    height="44" alt="Please Wait..." class="loadingbg" />
                <br />
                <span style="color: #333;">Please Wait...</span>
            </img></div>
        </progresstemplate>
    </asp:updateprogress>

这篇关于asp.net中的Ajax Loding图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！