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

Question

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

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

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

所以我想知道 jquery 中是否有任何样式更改事件来调用 $.blockUI(); 或任何其他解决方案以便将 jQuery BlockUI Plugin 与 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>

超时允许避免非常短的异步请求阻塞页面。