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