部分ビュー（AJAX）読み込み時にページを非表示にする

Question

ドロップダウンリストを変更すると、部分的に表示されるtelerikツリーがロードされ、ツリーコンテンツにajax読み込みバーが表示されますのみ。しかし、コンテンツが読み込まれている間にページを無効にしたい（ユーザーはページを使用することはできませんが、ページが表示されるはずです）、ユーザーには "読み込み中....."という画面が表示されます。あなたはLoadingElementIdと呼ばれるAjaxOptionに建て使用することができます（というよりも、jqueryの）バックあなたのAJAX呼び出しを行うためにMVCのAjax.BeginFormを使用する場合は

Answer 1

を利用することができます。欠点は、$.ajax()の代わりにフォームを使用して投稿する必要があることです。フォームでは、非表示のボタンが必要で、ドロップダウンのonchangeイベントはフォームデータを非表示のフィールドに作成し、非表示のボタンにクリックイベントを発行する必要があります。

他のアプローチは、このようにdiv要素を投げることです。この

#loading-pane { display:none; opacity: 0.8; position: fixed; top: 0; left: 0; 
    width: 100%; height: 100%; filter: alpha(opacity=80); -moz-opacity: 0.8; 
    z-index: 999998; background-color: #ffffff; } 
#loading-pane img { position: absolute; top: 40%; left: 47%; z-index: 999999; } 

よう

<div id="loading-pane"> 
    <img src='<%: Url.Content("~/Content/Images/ajax-loader.gif") %>' /> 
</div> 

とCSSは、この

$('#MyDropDown').change(function() { 
    $('#loading-pane').show(); 

    $.ajax({ 
     success: function() { 
      $('#loading-pane').hide(); 
     } 
    }); 
}); 

Answer 2

おそらく、あなたはBlockUI