加载图像显示在ASP.NET

Question

在我们的项目中的所有服务器端请求以及客户端的请求，我们拥有所有类型的按钮，像链接按钮，图像按钮，普通按钮和HTML按钮链接，我想展示当页面会加载但过一段时间，同时节省页面，如果任何验证错误发生则加载图像显示，如果HTML锚标记我正在点击的话还显示我加载信息加载图像。我在大型项目中工作，所以我想在主页面ASP.NET上一次绑定所有事件。

代码：

<style type="text/css"> 
    #dvLoading { 
    background: url(/images/activity.gif) no-repeat center center; 
    height: 100px; 
    width: 300px; 
    position: fixed; 
    z-index: 1000; 
    left: 50%; 
    top: 50%; 
    margin: -25px 0 0 -25px; 
    } 
</style> 

<div id="dvLoading" style="display:none;"></div> 

<script type="text/javascript"> 
    $("a").click(function(event) { 
     //$('#dvLoading').toggle('slow'); 
     $('#dvLoading').slideDown(); 
    }); 
    $("input:image").click(function(event){ 
     //$('#dvLoading').toggle('slow'); 
     $('#dvLoading').slideDown(); 
    }); 
</script> 

Answer 1

您是否尝试过您的注册表格上的脚本提交？

StringBuilder sb = new StringBuilder(); 
sb.Append(" if (typeof(ValidatorOnSubmit) == 'function' && ValidatorOnSubmit() == false) {\n"); 
sb.Append("  return false; \n"); 
sb.Append(" } \n"); 
sb.Append(" $('#dvLoading').slideDown(); \n"); 

Page.ClientScript.RegisterOnSubmitStatement(typeof(Page), "displayLoadingPanelOnFormSumbit", sb.ToString());