Node.js でのモーダル表示

Question

node.js + express　でアプリ開発を行っております。

画面の表示はejsで行っているのですが、
そのejs内から、他のejsを呼び出し、popup表示（モーダル）をさせたいです。

イメージとしては

郵便番号入力フォーム
郵便番号検索ボタン
があって、

郵便番号検索ボタン押下で、
郵便番号検索画面がポップアップで立ち上がり、
検索画面で選択した郵便番号をもとの画面の入力フォームに返す想定です。

一つの画面であれば、
そのまま同じejsに処理を詰め込めば動きますが、
共通の処理としたいため、外部のjs/ejsで管理したいです。

初歩的な質問で申し訳ございません。
調べても期待する回答が見つからなかったため、質問させていただきました。

よろしくお願いいたします。

Answer 1

一つの画面であれば、
そのまま同じejsに処理を詰め込めば動きますが、
共通の処理としたいため、外部のjs/ejsで管理したいです。

include というヘルパーが使えるので利用すると良いと思います。 共通部分を ejs に切り出して、必要な方から読み込むことができます。

<%- include('path/to/popup', { var1: 'var1', var2: 'var2'}) %>

参考: 公式

Comments

[miyawaki]

ご回答ありがとうございます！
無事includeを使用して画面の表示ができました！
ちなみに、includeを使用した場合の値の返し方はご存知でしょうか…？
イメージ的には、
window.opener.document.getElementById("ID名").value = value
なのですが、うまくいきませんでした。

[unhappychoice]

> 郵便番号検索画面がポップアップで立ち上がり、
> 検索画面で選択した郵便番号をもとの画面の入力フォームに返す

この部分ですかね？ include でレンダリングされた場合同じ一枚のHTMLなので、単にクリックイベントに対して `getElementById` した要素に入れるだけかと思います。

詳しくは、その部分のコードを別途質問としていただければ回答集まるかと思いますmm

[miyawaki]

> include でレンダリングされるた場合同じ一枚のHTML
なるほどそういう扱いですね！理解できました。ありがとうございます！！