MVC3 WebGrid:在排序或分页时,有没有办法在调用Controller Action方法之前调用javascript方法?

时间:2011-07-08 16:40:55

标签: asp.net-mvc-3 sorting paging webgrid

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

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

所以我正在寻找的是一种在调用控制器的action方法之前调用javascript函数(或任何真正的函数)的方法,这样我就可以看到让用户知道正在做的工作以返回他们的下一个页面,排序等。

我不确定我是否只是错过了什么,但任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:2)

您可以使用.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();
    });
});