はじめに
関連レコードを利用する際に、参照先のアプリに新規のレコードを追加するのはちょっと時間がかかってしまいます。
関連レコードを利用しているアプリから、参照先での新規のレコード追加画面に値を引継ぎつつ遷移できれば、新規レコード作成の手間を減らせます。
このTipsでは、関連レコードの参照先アプリへのレコード登録を簡単に実現できるカスタマイズを紹介します。
標準機能での遷移、カスタマイズを適用した後の遷移のイメージ図はこちらです。
-
標準機能での遷移
-
本Tipsのカスタマイズを適用した後の遷移
アプリアクション
を利用することで、値を引継ぎつつ新規のレコード登録も可能です。
カスタマイズを使うことで、レコードの情報を参照して新規レコード作成ボタンを非表示にしたり、参照先の新規レコード作成時にルックアップを併せて使うことができます。
準備
この本Tipsのサンプルを作成するにあたって、
アプリストア
から
営業支援(SFA)パック
を追加してください。
顧客情報アプリの会社名のフィールドコードと案件情報の顧客名のフィールドコードを「company」に変更し、関連レコードのフィールドコードは「relation」にしてください。
また、関連先のアプリに遷移するためのボタンを設置する「スペースフィールド」を関連レコードが表示される箇所の近くに設置します。
ここでスペースフィールドの要素IDは「jump_button」と設定しました。
営業支援(SFA)パック で追加される案件情報のアプリでは、すでに顧客情報アプリの「company」のフィールドを参照するルックアップフィールドが設定されており、部署名とご担当者名が引き継がれる形になっています。
顧客情報アプリで新規レコード追加に遷移するボタンを押下したとき、ルックアップの値が入力するように ルックアップの取得を自動で行うの処理も盛り込んだサンプルを作成しました。
このカスタマイズでは、顧客情報アプリ内の関連レコードのアプリIDを取得し、設置されたボタンを押下することで、案件情報アプリの新規レコード追加画面に遷移します。
サンプルプログラム
|
|
上記のサンプルコード内でのボタン表示は
Cybozu CDNからjQuery https://js.cybozu.com/jquery/2.2.4/jquery.min.js
を利用しています。
また新デザインへ対応するために、
51-modern-defaultで紹介されている51-modern-default.css
も適用ください。
使用した API
- イベント処理の記述方法
- レコード詳細画面を表示した後のイベント
- スペースフィールドの要素を取得する
- 関連レコード一覧の参照先のアプリ ID を取得する
- レコードの値を取得する
- ルックアップを自動取得する
- レコードに値をセットする
注意事項
- Chromeブラウザーでのみ動作を確認しています。
最後に
新規レコードに1クリックで飛べて、フィールドにも値が入ります。
このカスタマイズを適用することで、「関連アプリのレコード詳細画面参照+新規レコード登録+値をはじめから入力」という操作が不要になります。
ぜひ、お試しください!