ModalPopupExtenderで表示したModalWindowで画像の一覧を表示し、目的の画像を選択し その画像をクリックすると 呼び出し元にその画像のURLを返し ModalWindowを消すアプリを考えた。ModalPopupExtenderでPopUp表示したWindowからサーバーに PostBackするとPopUpしたWindowが閉じてしまう。そのためPopUpしたWindowの処理は JavaScriptのみで行わければならない。
目的の画像を選択し その画像をクリックすると 呼び出し元にその画像のURLを返すことは、呼び出し元のイメージコントロールのClientIDを与え 画像クリック時 そのコントロールに 画像のURLを格納するは 呼び出し元の画像コントロールに、クリックした画像が表示されたことで確認できたが、ModalWondowを消すことができない。もっとも ModalPopupExtenderに指定した キャンセルボタンをクリックすれば 元画面に画像が残ったままで元画面に戻れる。ModalWondowのCloseもJavaScriptから行う必要があるのだ。
WEBをあっちこっちググって 次の方法で実現した。
＜サーバー側処理＞
ModalPopupExtender1.BehaviorID = “hoge”
＜クライアント側処理＞
var modal = $find(“behaviaMdlPop1”);
modal.hide();
同様に modal.show() とすれば JavaScriptでPopUpWindowが表示できる。
参考）
http://www.squabu.com/CodeSamples/Samples/Panel/LoadingPanel.aspx
http://yoki2pdx.blog62.fc2.com/blog-entry-95.html
http://karua.at.webry.info/200710/article_2.html