こんにちは、デジタルイノベーション部のドジっ子Iです。
今回はOutSystemsにてButtonGroupの要素数を動的に変更する方法を紹介します。
▼Button Groupとは
Button Groupは文字通り複数のボタンが一つのまとまりとなっているものを指しており、ボタン群の中から一つだけ選択することができるウィジェットとなります。
▼実現したいこと
今回はデータごとに選択肢が異なるボタングループを表示させます。(選択肢2個~5個)
▼実装方法
簡単に以下の通りになります。
1.選択肢を持つテーブルを作成
2.List内にButton Group配置
3.Visibleの条件を設定
1.選択肢を持つテーブルを作成
Button Groupに表示させたい選択肢の数だけAttributeを作成します。 今回最大5個まで表示できるようにするため5つ作成します。
2.List内にButton Group配置
Screenにて先ほど作成した選択肢を取得するAggregateを用意します。
ScreenウィジェットにはListを配置し、その中にButton Groupを配置します。
各プロパティに設定する値は以下の通りです。
●List
Source:Aggregate.List
●Button Group
Variable:Aggregate.List.Current.Table.SelectedValue
●Button Group Item
Value:Aggregate.List.Current.Table.Display1~5
3.Visibleの条件を設定
ButtonGroupItemの各Visible項目に以下値を設定することで実装完了となります。
今回選択肢は2~5個を想定しているため3つ目の要素から設定してあげればいいですね。
●ButtonGroupItem
Value:Aggregate.List.Current.Table.Display3~5 <> NullTextIdentifier()
実際の画面では以下のように表示されます。
