読者です 読者をやめる 読者になる 読者になる

undefined

新米WEBエンジニアの備忘録

ダイアログ表示処理の共通化

ダイアログ表示機能を実装した際、処理の共通化も合わせて開発したのでメモ。

jQueryUIのDilalogウィジェットを用いて実装しています。

 

・common_dialog.js -

ダイアログ表示の共通処理を行うオブジェクト"CommonDialog"を作成。

ダイアログの表示制御を行う共通オブジェクト

hoge_fuga_dialog.html - view

hoge_fuga_dialog.js - 

クリックイベント発火後に呼び出し元のidを見てダイアログ別の追加設定の取得と初期化を行います。

その後は以下のようにCommonDialog内の処理を呼んで終了です。

CommonDialog.init(this.dialogOpt[id]);
CommonDialog.open();

"common_dialog.js"を使用したダイアログ表示