使用 jquery 进行模态 asp.net ajax udate 进度

Question

我的窗体上有 asp.net UpdatePanel 和 UpdateProgress 控件。我正在尝试通过 jQuery BlockUI Plugin 或 jquery 本身使更新进度模式化。

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); 不起作用，因为我正在使用 UpdatePanel 和服务器端 ASP.NET ajax 。

我注意到在部分回发中只是 UpdateProgress disply 样式从 display: none 更改为 display: block

所以我想知道 jquery 中是否有任何样式更改事件可以调用$.blockUI(); 或任何其他解决方案，以便使用 jQuery BlockUI 插件 与asp.net updatepanel 和 UpdateProgress

Answer 1

将此脚本放在 ScriptManager 控件下方：

<script type="text/javascript">
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_initializeRequest(initializeRequest);
    prm.add_pageLoaded(pageLoaded);

    var blockTimeout = null;

    function initializeRequest(sender, args) {
        blockTimeout = window.setTimeout($.blockUI, 500);
    }

    function pageLoaded(sender, args) {
        clearTimeout(blockTimeout);
        $.unblockUI();
    }
</script>

超时可以避免因非常短的异步请求而阻塞页面。