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