阻止 ui 运行得太快

Question

下面是我在 asp.net MVC 应用程序中调用操作的 Jquery 函数。在控制器操作中，我正在加载部分视图，该视图加载在 div“结果”中。在控制器操作中，我正在执行数据库操作并使用这些数据加载网格...但是我们有大量记录，这需要时间（例如，对于不同的情况，需要 1-10 分钟）。

为了更好的用户体验，我们决定在加载数据之前阻止 UI 并显示微调器...

下面的 blockui 插件对我有用，但它太快了..它只显示几秒钟，然后就消失了...

如何避免这种情况..任何想法..请帮助....

function RenderPartialView() {
    //block the UI until partial view is rendered
    $.blockUI({ message: '<h3><b><img src="/content/images/loading.gif" /> Please wait while the request is being processed...</b></h3>' });
    //load the partial view
    $('#result').load('@Url.Action("Grid", "Home")', { flip: false });
    //unblock the UI
    $.unblockUI();
}

Answer 1

Load 有一个您可以访问的回调
提供的回调在执行后处理后执行（当检测到成功的响应时）

尝试这个而不是最后两个命令：

//load the partial view
$('#result').load('@Url.Action("Grid", "Home")', { flip: false }, function(){
    //unblock the UI
    $.unblockUI();
});