asp.net-mvc-3 - MVC3 WebGrid：排序或分页时，有没有办法在调用Controller Action方法之前调用javascript方法？

Question

我一直使用此链接作为开发我的 WebGrid ( http://msdn.microsoft.com/en-us/magazine/hh288075.aspx ) 的参考。

目前正在发生的事情是我的 WebGrid 已加载，并且我能够异步分页和排序就好了......没问题。令人恼火的是，一旦我点击页面或排序，用户并没有意识到发生了任何事情。

所以我正在寻找的是一种在调用控制器的操作方法之前调用 javascript 函数（或任何真正的东西）的方法，这样我就有了一些东西让用户知道正在完成工作以返回他们的下一页，排序，等等。

我不确定我是否只是遗漏了一些东西，但我们将不胜感激。

Answer 1

您可以使用.ajaxSend()和.ajaxComplete()方法在 AJAX 请求期间显示和隐藏一些微调器：

$(function() {
    $('#grid').ajaxSend(function () {
        // this will be called before the AJAX request is sent
        // here you can show some spinner
        $('body').append('<div id="spinner">Loading ...</div>');
    }).ajaxComplete(function () {
        // this will be called after the AJAX request completes and
        // could be used to hide the spinner
        $('#spinner').remove();
    });
});