加載圖像顯示在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());