関連レコードの参照先アプリに簡単レコード登録

フォローする

はじめに

関連レコードを利用する際に、参照先のアプリに新規のレコードを追加するのは
ちょっと時間がかかってしまいます。


標準機能での遷移 

 

このTipsでは、関連レコードを利用しているアプリから
参照先での新規のレコード追加画面に値を引継ぎつつ遷移することで
新規レコード作成の手間を減らすカスタマイズをご紹介します。 


本Tipsを適用した後の遷移

 

なお、アプリアクションを利用することで、値を引継ぎつつ新規のレコード登録をすることも可能ですが
カスタマイズを使えば、レコードの情報を参照して新規レコード作成ボタンを非表示にしたり
参照先の新規レコード作成時にルックアップを併せて使うことができます。 

準備

この本Tipsのサンプルを作成するにあたって、アプリストアから営業支援パックを追加し
顧客情報アプリの会社名のフィールドコードと案件情報の顧客名のフィールドコードを"company"に変更ください。
また、関連レコードのフィールドコードは”relation”としています。

また、関連先のアプリに遷移するためのボタンを設置する「スペースフィ―ルド」を
関連レコードが表示される箇所の近くに設置します。

ここでスペースフィールドの要素IDは”jump_button”と設定しました。

営業支援パックで追加される案件情報のアプリでは、すでに顧客情報アプリの"company"のフィールドを参照する
ルックアップフィールドが設定されており、部署名とご担当者名が引き継がれる形になっております。 

顧客情報アプリで新規レコード追加に遷移するボタンを押下したとき、ルックアップの値が入力するように
ルックアップの取得を自動で行うのTipsも盛り込んだサンプルを作成しました。

このカスタマイズでは、顧客情報アプリ内の関連レコードのアプリIDを取得し
設置されたボタンを押下することで、案件情報アプリの新規レコード追加画面に遷移します。

サンプルプログラム

なお、上記のサンプルコード内でのボタン表示はCybozu CDNからjQueryを利用しています。
また新デザインに対応させるために、kintone Plug-inで紹介されている51-modern-default.cssも適用ください。

 

使用したAPI

 

最後に


新規レコードに1クリックで飛べて、フィールドにも値が入ります。 

このカスタマイズTipsを体験してしまうと
関連アプリのレコード詳細画面参照+新規レコード登録+フィールドに値はじめから入力
という操作をしていたころに戻れなくなるほど楽になります、ぜひ、お試しください!

注意事項

  • Chromeブラウザでのみ動作を確認しております。

 

 

 

記事に関するフィードバック

直接的に記事と関連がないご質問はcybozu developer コミュニティをご活用ください。

Avatar
kanahey

アクションボタンを使うのと、機能的に違うところはありますか?

ボタンの設置場所が関連レコードの近くにできるところ以外でもしあればご教示のほどよろしくお願いいたします。

 

↑すみません、記事の中に書かれているのを見落としていました><

kanaheyにより編集されました
Avatar
Toshi

関連レコードが存在する場合、非表示にする事は可能でしょうか?

Toshiにより編集されました
Avatar
cybozu Development team

Toshi 様

関連レコードが1件以上の場合に非表示にするというのはいかがでしょうか。

件数取得はこちらの情報が参考になりそうです。

https://cybozudev.zendesk.com/hc/ja/articles/213209606

https://cybozudev.zendesk.com/hc/ja/articles/203030394

https://cybozudev.zendesk.com/hc/ja/community/posts/201537544

 

Avatar
Ryo Kobayashi

サンプルでは、追加登録ボタンで別タブに案件情報が表示されると思いますが、
案件情報画面のキャンセルボタンを押しても何も起こりません。
これは意図通りの動きでしょうか?

意図通りであれば、キャンセルボタンを表示しないか、キャンセルボタンを押したら、自タブを
閉じるようなカスタマイズができないか。方法を探しています。

Avatar
cybozu Development team

Ryo Kobayashi様

いつもお世話になっております。
cybozu.com developer network事務局です。

別タブで表示されたレコード登録画面で「キャンセル」ボタンを押した時の挙動についてですが、
ブラウザの戻ると同じ動作をしているため、戻る先がない状態になりますので、画面遷移できない
状況になっております。

別の方からも同様のご質問をいただき、ご回答いただいたことがあります。
サンプルコードも記載していただいておりますので、是非参考にしていただければと思います。

○キャンセルボタンが効かなくなる
https://cybozudev.zendesk.com/hc/ja/community/posts/115000486103

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

ログインしてコメントを残してください。
Powered by Zendesk