ナレッジサイト
ログイン
お世話になっております。 会員登録画面を開発しております。 顧客コードをキーとした顧客情報の取得について、以下2点ご相談です。 ■① 顧客コード手入力時のデータ取得について 顧客コードをテキストボックスへ手入力し、フォーカスアウト時（blurイベント等）に DBへ顧客コードをキーとして検索を行い、該当データを他の入力項目へ自動反映させたいと考えております。 【希望動作】 ・画面遷移（リロード）なしで値を取得したい ・すでに入力済みの他項目の値は保持したい ・非同期通信（Ajax等）での実装を想定しております ページ遷移を伴わずにDB検索結果を取得し、画面へ値をセットする実装は可能でしょうか。 推奨される実装方法がございましたらご教示いただけますでしょうか。 ■② 子画面から親画面へ顧客コードを返却する方法について 現在、顧客コード検索ボタン押下時に子画面を開き、 検索結果から顧客コードを選択すると、以下のように親画面へ値を渡しております。 この方法ですと、 ・親画面がリロードされる ・顧客コード以外の入力済み項目の値が消えてしまう という問題が発生しております。 【希望動作】 ・親画面をリロードせずに ・顧客コードのみをセットし ・その顧客コードでDB検索を行い、該当項目へ値を反映したい window.opener を利用して、 親画面へ値のみを渡し、リロードなしで処理を行う方法はございますでしょうか。 推奨される実装方法がございましたらご教示いただけますと幸いです。 以上、よろしくお願いいたします。
function selectCustomer(code) {
if (window.opener && !window.opener.closed) {
window.opener.location.href =
"/CustomerMemberSiteMenu/CustomerMember/CustomerMemberInsert?SearchCustomerCode=" + code;
window.close();
}
}コメント
>■② 子画面から親画面へ顧客コードを返却する方法について window.openerで開いたページから元ページに値を反映することは可能です。 ■イメージ ・元ページでボタンをクリック。 ・レコードリストブロックで作成した一覧ページが表示 ・一覧に表示された顧客リストから対象顧客を選択 ・レコードアイテムブロックに推移 ・レコードアイテムブロックのページ表示時にJSで元ページに値を戻し、ページをクローズ。 ver.1のものになりますが上記の内容の記事がございますのでご参考ください。 https://knowledge.spirers.jp/article/development/detail/1286 ■ver.2用に調整いただく必要がある点 ・formにnameを指定できないので、自動付与されるdata-bidの値を 指定して値を反映する対象のフォームを指定いただく ・レコードアイテムブロックでの値を取得する方法として記事では 「%val:usr:mail%」のようにキーワードで値を取得しているが、 ver2はThymeleafによる呼び出しになるため、hiddenのinputに 呼び出したい値を格納しておき、JSで対象のinputから値を取得するなどの 方法でJSで元ページに値を反映する。 お手数をおかけしますが、上記を参考にご作成ください。
ナレッジ
向上チーム
お問合せありがとうございます。 >■① 顧客コード手入力時のデータ取得について 別途PHP処理用のページBを作成していただき、ページAで顧客コードを 入力いただいた際に非同期通信（Ajax）でページBに顧客コードを送信。 ページBでAPIによる検索を行い、検索結果を元のページAに返していただく ことで実装可能です。 ただ、好きな顧客コードを入力して関係する情報が参照できてしまうため、 表示されていい情報だけ呼び出すなど運用いただければと存じます。 ▼レコードを検索 https://docs.spiral-platform.com/api/#operation/getRecords ▼サンプル https://knowledge.spirers.jp/article/development/detail/4148
-
いいね
2026年3月5日(木)