ASP.NET ボタン二度押し抑制時の方法について

質問

ご教授下さい。

VisualWebDebeloper2010(VB)を使用してWEBサイトを構築しています。
ボタンをクリックすると、処理中はボタンを無効化したいと考えています。
いろいろなサイトを参考にして調べていたのですが、その中で疑問が出てきました。

最初は単純に、UpdataPanel等は使用せず、JQUERYにて、
---------------------------------------
$(function () {
$('#btn').click(function () {
$('#btn').attr('disabled', 'disabled');
$('#form1').submit();
});
});
----------------------------------------
とし、ボタンがクリックされたら、ボタンを無効にする。
としていましたが、これは無効になったコントロールはポストバックに反映されないという理由から、
うまく機能しない事がわかりました。

次の方法として、UpDataPanelを使用して下記のコードで試してみると、うまいこと機能しました。
(あるサイトからの丸写しなので、一部問題がありますが…)
---------------------------------------------------------
$(function () {
var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_initializeRequest(
function(sender, args) {
args.get_postBackElement().disabled = true;
});
});
---------------------------------------------------------
最初の方法にせよ、次の方法にしても結局はボタンを無効化して、
対応している様に思えるのですが、なぜ二つ目の方法だと、
正常に動作するのかがわかりません。

ここらへんの理由をご教授頂ければ幸いです。

回答No.1

onos · ベストアンサー

ちゃんと確認したわけじゃないですが、プログラムの字面から。

たんに順番の問題じゃないでしょうか。
最初の方法はボタンを無効化してからサブミットを実行してるので、無効になったボタンの情報がサーバー側にあがっていかない、でいいですよね。
後のほうはinitializeRequestという名称からみて、サブミットの実行によりサーバーへのリクエストをあげようと準備している段階でボタンを無効化している、つまりすでにサーバーにあげるボタンの情報とか準備が終わったあとでボタンの無効化が実行されている、のではないかと思います。
詳しくはPageRequestManagerのドキュメント見ればわかるかな。

って、参照URLみると、beginRequestあたりを使うほうがいいような気がしないでもない。。。

参考URL：

http://msdn.microsoft.com/ja-jp/library/bb311028.aspx

お礼

ご回答ありがとう御座います。
最初の方法に関してはOKです。恐らくそういった理由だと思います。

initializeRequestの方は「非同期ポストバックの処理が開始され、ポストバック要求がサーバーへ送信される前に発生します。」

とありますので、「非同期ポストバックの処理が開始」とやらが、ポストする情報等の準備が出来ており、この段階でボタンを無効にしても、ポストされる。という風に考える事にします。

ふむ、WEB系の開発は難しいですね。
有難う御座いました！