Question
フォームに配置している1つのタブコンポーネントに複数タブがあり、そこに表示させるデータの有無によって、タブの表示を動的にしたいです。表示させるデータがない場合はそのタブは非表示にしたいです。
このようにタブの表示を動的にする方法を教えてください。
・アクティビティパッケージバージョン：
UiPath.Form.Activities : 25.10.1
Answer
1つ1つのタブ内に配置されているコンポーネントをパネルコンポーネント内に配置し、パネルに「高度な論理」を設定することでタブ内のコンポーネント表示を動的にすることができます。
■参考：
条件付きコンポーネントActivities - Conditional components
■実装例：
この例では、タブ「No. 1」内に配置されている「項目１」・「項目２」・「項目３」すべてのデータがない場合、タブ「No. 1」内のテキストフィールドを表示させないロジックを設定しています。
①1つ目のタブ内に「パネル」コンポーネントを配置し、その中に３つのテキストフィールドを配置します。
②配置したパネルの「編集」ボタンをクリックします。
③論理タブにて以下の設定をします。
・論理名：任意の論理名を設定します。
・種類：JavaScript
・テキスト領域：
result = (
data.field1 === “” &&
data.field2 === “” &&
data.field3 === “”
);
※field1, field2, field3 は、テキストフィールドコンポーネントのプロパティ名です。
・アクション名：任意のアクション名を設定します。
・種類：プロパティ
・コンポーネントのプロパティ：非表示
・ステートを設定：True
④画面左下の「アクションを保存」・「論理を保存」をクリックします。
⑤画面中央の「保存」をクリックします。
⑥フォームデザイナー画面左上の「保存」をクリックします。
■実行結果：
タブ「No. 1」内のテキストフィールドに表示するデータがない場合、以下画像のようにタブ「No. 1」内のテキストフィールドが非表示になります。
