首页 > 学院 > 开发设计 > 正文

(ASP页面查询等待提示效果)GridViewなどで検索中に「処理中メッセージ」を表示する方法(※他の長い時間処理も参照できる)

2019-11-14 14:27:24
字体:
来源:转载
供稿:网友

原博客 http://ino1970.blog119.fc2.com/blog-entry-163.html

GridViewなどで検索中に「処理中メッセージ」を表示する方法

「GridViewなどで検索中に「処理中メッセージ」を表示する方法」
これは単純にstylsheetで表示・非表示にする方法で実現します。

メッセージエリアを表示させるトリガとなるコントロールは何でもよいですが
以下の例ではDropDownList(AutoPostBack=True)です。

DropDownListが変更された瞬間javascriptによりメッセージ領域が表示され、その後の
AutoPostBackでサーバ側処理は実行されます。

サーバ側処理の実行結果が、同画面に戻ってきてメッセージ領域は再描画され再び非表示になります。


①メッセージエリアの用意

position:absoluteなのでどこで邪魔になりません。formの直後にでも・・・
但しupdatepanelを使っている場合、ボタンと同じようにその中に入れて下さい。

<div id="waitMsg" style="display:none; padding:20px 40px; color:White; position:absolute;top:250px; left:150px">
検索中です。 しばらくお待ち下さい。
</div>

Javascriptの準備

<script type="text/javascript" language="javascript">
function changeVisible() {
var idWaitMsg = document.getElementById('waitMsg');
if (idWaitMsg.style.display == 'none') {
idWaitMsg.style.display = 'block'; //表示する。
} else {
idWaitMsg.style.display = 'none'; //非表示にする。
}
}
</script>


③コントロールにjavascriptを貼り付ける

Load時にでも属性を付与しましょう。

ドロップダウンならonchange
DropDownList1.Attributes["onchange"] = "changeVisible(); ";

ラジオボタンならonClick
RadioButtonList1.Attributes["onClick"] = "changeVisible(); ";

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表