1

特定のページがあります。ボタンクリックイベントで、ある条件下ですべてのコントロールとgrayoutページ全体を無効にし、確認が完了したことを示す情報メッセージを表示します。

一般的な方法でそれを行う方法は？

4

5 に答える 5

1 
$(document).ready(function() {
if(Conditions satisfy){
    $('#div_controls').attr('disabled', true);
    $('#div_status').attr('disabled', false);}
else{ $('#div_controls').attr('disabled', false);
    $('#div_status').attr('disabled', True)
}

});

In HTML 

<div id="div_status"> Your Message with your styles </div>
<div id="div_controls"> Your Controls inside this Div </div>

ポストバックなしで、WOはデータを失い、状態それを行うことができます。

またはこのデモを確認してください

http://www.zurb.com/playground/reveal-modal-plugin

于 2013-02-25T13:01:41.017 に答える
1

基本的にマスクが必要です。このjQueryベースのロードマスクプラグインを見てください。ただし、ニーズに合わせてプラグインを調整できるはずです。

https://code.google.com/p/jquery-loadmask/

于 2013-02-25T12:40:36.890 に答える
1

AjaxControlToolkitに含まれているモーダルポップアップを見てください。

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx

これにより、ページの残りの部分との相互作用を効果的に防ぐメッセージのポップアップが可能になります。

于 2013-02-25T12:41:20.290 に答える
0

ユーザーがクリックした後、すべてのコントロールを「非表示」にすることができます

   foreach (Control c in Page.Controls)
        c.Visible = false;

または、 Modal-UpdateProgressなどのプラグインを使用するのがより良い方法です。

于 2013-02-25T12:41:23.613 に答える
0

HTMLで

<div id="layer"></div>
<div id="container">

   ----
   ----
   ----

</div>

とCSSで

#layer{
    background: none repeat scroll 0 0 white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

これにより、ページが無効になります（または、無効のように動作します）。

于 2013-02-25T12:47:38.843 に答える