以下に示すように、2つの異なるタイプの「読み込み」方法があります。そのうちの 1 つは、AJAX 呼び出し要求が開始されるたびに、ページの中央に読み込みスピナーを表示するために使用されます。もう 1 つの方法は、指定された div データテーブルに読み込み中のスピナーを表示するために使用されます。一方、データ取得時にshowLoading()メソッドを呼び出すと他のスピナーが表示されてしまうのですが、showLoading()メソッドで与えられたdivの途中だけにスピナーを表示させたいです。もちろん単一のメソッドを使用してスピナーを表示するための div パラメータを確認することも考えていますが、ページのロード時にデータテーブルがレンダリングされないため、ページのロード中 (partialview のロード中) に showLoading() メソッドを使用することはできません。では、これら 2 つの状況で 1 つの方法だけを使用するにはどうすればよいでしょうか。それは可能ですか?
//Displays "loading" spinner whenever an AJAX request begins
$(document).ajaxStart(function () {
App.blockUI({
target: '#div-page-content',
animate: true
});
});
//Displays "loading" spinner on the given container
function showLoading(container) {
if (container == null) {
container = '#div-page-content';
}
App.blockUI({
target: container,
animate: true
});
}