はじめに
Spring ’24のリリースノートが公開されましたね！リリースノートの中に画面フローの新コンポーネント"繰り返し"が追加されたようなので検証してみます。
2023年12月現在Spring '24は、プレリリース組織での提供となってます。
何ができるようになるの？
"繰り返し"コンポーネント内に設置したテキストコンポーネントを
Addで追加、Removeで削除できるようになります。
Addで追加したテキストコンポーネントの数分
コレクション変数の要素ができあがり
ループで利用できます。
今回作るもの
複数レコードを作りたくなるものといえば
- 取引先責任者
- 商談
- TODO
あたりかなと思います。
今回はその中でも取引先責任者を複数レコード登録する画面を作ってみます。
画面フローの作成
1. recordIdの作成
今回は取引先の画面内で複数の取引先責任者を作成する画面フローを作成します。
まず最初にrecordIdという変数を入力で使用可能状態で作成します。
作成しておくことで、取引先画面内に設置して動かした時にフロー内で取引先IDを取り扱うことができます。
2. 繰り返しコンポーネントの配置
3. 繰り返したい入力要素を配置
今回は、姓・名で登録させるため
Drag components to include in the repeater her...の部分に
テキスト要素を二つ設置します。
| 表示ラベル | API参照名 | オプション |
|---|---|---|
| 姓 | LastName | 必須 |
| 名 | FirstName |
4. 入力値を割り当てるための変数を作成
リピーターコンポーネントはコレクション変数扱いになるので
取引先責任者レコードを作成する際にループを利用することになります。
ガバナ制限対策として取引先責任者のレコード変数とレコードコレクション変数の二つを用意します。
5. ループ内で割り当て
ループ要素を設置し、入力された複数のデータを割り当てていきます。
取引先IDにrecordIdを割り当てて
作成する取引先責任者を取引先に紐づけた状態で作成します。
6. レコードを作成
7. フローの全体
画面フローを取引先画面に設置
ページ編集でフローコンポーネントを設置、作成したフローを選択。
recordIdのレコードIDをこの変数に渡すにチェックを入れます。
動かしてみる
Addをすると下に画面が長くなっていくので配置場所が少し難しいですね.
取引先に紐づいて複数の責任者を一気に作成できることができました。
"繰り返し"に設置できるコンポーネントを確認する
Spring '24（プレリリース）段階では以下のコンポーネントが設置できました。
※LWCで作成したカスタムコンポーネントは設置できませんでした。
- チェックボックス
- チェックボックスグループ
- テキスト
- パスワード
- ラジオボタン
- ロングテキストエリア
- 数値
- 選択リスト
- 通過
- 日時
- 日付
- 複数選択リスト
- 表示テキスト
最後に
Spring '24で追加される"繰り返し"コンポーネント楽しみですね。
今回はテキストを繰り返して複数の取引先責任者を作成しました。
しかし、UIがどんどん下に伸びていくことと繰り返し要素を折りたたむみたいなことができないことを考えるとテキスト入力は少し使いにくいと感じました。
チェックボックスや選択リストも設置できるので入力を減らしていく方向で作るとかなり使いやすい画面フローが作れると思いました。
まだベータ機能ということで
設置できるコンポーネントの対応がもっとたくさん増えることを期待しています。