入力フォームの表示/非表示を条件によって制御できます。項目表示制御はモデルに対して 1 つしか定義できません。このチェックの実行有無を経路ごとに設定することはできません。定義した場合、全ての経路でチェックが実行されます。
表示制御の条件はスクリプトで定義できます。
ここで使用するスクリプトについては、サポート対象外となります。入門書やサイトをご覧いただき解決してください。
スクリプトは、画面の初期表示時とスクリプト内で指定された入力フォームの値に入力した際に実行されます。
入力チェックのスクリプトの例としては、以下のような形式になります。
|
if (${申請区分} == "新規" ) { |
上記の例は、入力フォームの「申請区分」の値によって、表示される入力フォームの項目が変化するスクリプトの例です。
入力フォームに存在する項目は、「申請区分」・「新規経路」・「追加経路」・「追加料金」の例です。
| 申請区分 | 表示される項目 |
|---|---|
|
新規 |
新規経路 |
|
追加 |
追加経路 |
|
追加料金 |
項目表示制御の定義方法
| No | 項目名 | 説明 |
|---|---|---|
|
|
基本設定 |
|
|
1 |
タイプ |
「項目表示制御」を選択します。 |
|
2 |
名前 |
入力チェックの名前を設定します。任意の名前を設定してください。 |
|
3 |
説明 |
入力チェックの説明を設定します。 |
|
|
個別設定 |
|
|
4 |
スクリプト |
スクリプトを設定します。 |
|
5 |
お試し実行 |
スクリプトの確認を行うために、スクリプトを実行できます。バインド値には、試したい値を設定し、スクリプトを確認してください。 |
スクリプトの定義内容について
項目表示制御で定義するスクリプトのルールについて説明します。以下のルールに従って定義してください。
- 使用できるスクリプトの構文は、JavaScript と同一です。
- 入力フォームで入力された値を参照する場合は、プレースホルダー（${項目名}という形式）で記述します。
- スクリプト内で、JavaScript の function 等を定義することも可能です。
- 複数の項目を制御したい場合は、String の配列として、返り値を設定してください。
スクリプト定義例
スクリプトの定義例を以下に示します。
| 制御区分 | 表示される項目 |
|---|---|
|
新規 |
新住所 |
|
変更 |
新住所 |
|
旧住所 |
このスクリプトは、次のようにスクリプトを設定できます。
|
if (${制御区分} == "新規" ) { |
お試し実行
項目表示制御では、スクリプトの実行結果の確認のために、お試し実行ができます。これは、モデル編集画面内でスクリプトの実行をシミュレーションする機能です。定義したスクリプトが想定通りに動作するかをここで確認できます。
バインド値に入力フォームの想定値を入力し、「お試し実行」をクリックします。
「実行結果」の箇所に表示された入力フォームが非表示となります。スクリプトの結果が想定通りかご確認ください。バインド値の箇所には、入力フォームの入力値の想定値を入力します。入力フォームの値の参照は、「${}」形式で囲まれた箇所と判断します。該当の箇所をスクリプトから解析し、バインド値の対象として表示しています。そのため、バインド値は、スクリプトの内容によって変化します。
お試し実行の結果と実際のタスクデータでの実行結果が異なる場合があります。例えば、お試し実行のバインド値で未入力の場合は空文字になるが、実際の場合は「undefined」になるといった差があります。ユーザーへの公開前に様々な入力条件でテストを行ってください。
項目表示制御実行結果
例1） itemName1 で、「Radio-1」を選択した場合
「itemName2」「itemName3」が非表示となります。
例2）itemName1 で、「Radio-2」を選択した場合
「itemName4」が非表示となります。
複数の項目を制御する場合は push を使うと便利です。
→入力チェックの項目表示制御で複数の項目を制御するにはどうしたらいいですか