MVC3 WebGrid：ソートやページングの際に、Controller Actionメソッドが呼び出される前にjavascriptメソッドを呼び出す方法がありますか？

Question

私はこのリンクをWebGrid（http://msdn.microsoft.com/en-us/magazine/hh288075.aspx）の開発の参考にしています。

現在のところ、WebGridがロードされていて、非同期でページングして並べ替えることができます...問題はありません。私がページやソートをクリックすると、ユーザーは何かが起こっていることを知らないということです。

私が探しているのは、コントローラーのアクションメソッドが呼び出される前にjavascript関数（または実際には何か）を呼び出す方法です。そうすれば、ユーザーが作業を行っていることを知らせるように見えます次のページ、ソートなどが含まれます。

私は何かが欠落しているかどうかはわかりませんが、何か助けていただければ幸いです。

Answer 1

あなたはAJAX要求時にいくつかのスピナーを表示し、非表示にする.ajaxSend()と.ajaxComplete()メソッドを使用することができます。

$(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(); 
    }); 
});