Skip to main content

 

アプリケーションの開発

 

OutSystems

選択肢のグループから1つのオプションのみを選択する

性別のように、事前定義済みの複数のオプションからエンドユーザーが1つの値を選択する必要がある場合があります。 OutSystemsでは、このような場合、モバイルアプリケーションにはButton Groupを、WebアプリケーションにはRadio Buttonを使用して実装します。

モバイルアプリケーションでButton Groupを使用するには、以下の手順を実行します。

  1. Button Groupをツールボックスから画面にドラッグし、選択された値を保存する変数にバインドします。
  2. それぞれのButton Itemに対応するテキストラベルを編集し、Button Itemが選択された際に変数に割り当てる値を定義します。

WebアプリケーションでRadio Buttonを使用するには、以下の手順を実行します。

  1. Radio Buttonをツールボックスからフォームにドラッグし、対応するテキストラベルを追加します。
  2. それぞれのRadio Buttonを、選択された値を保存する変数にバインドします。
  3. それぞれのRadio Buttonに、Radio Buttonが選択された際に変数に割り当てる値を定義します。

Button Groupの例

興味のある場所の検索やレビューができるモバイルアプリケーションであるGoOutアプリケーションで、ユーザーがプロフィールで性別を選択できるようにします。

以下の手順を実行します。

  1. [UserDetails]画面を開き、Button Groupをツールボックスからフォームにドラッグします。
  2. Button GroupのVariableプロパティを「GetProfile.List.First.Profile.Gender」に設定ます。ここで選択された値は、Aggregate GetProfileのProfile.Genderアトリビュートに保存されます。
  3. 最初の2つのButton ItemのテキストラベルをMaleFemaleに変更します。3つ目のButton Itemは削除します。
  4. Button ItemのValueプロパティを[M]と[F]に適切に設定します。
  5. パブリッシュしてテストします。

#Radio Buttonの例

興味のある場所の検索やレビューができるWebアプリであるGoOutWebアプリケーションで、ユーザーがプロフィールで性別を選択できるようにします。

以下の手順を実行します。

  1. [Profile]画面を開き、2つのRadio Buttonをツールボックスからフォームにドラッグします。
  2. テキストラベルMaleFemaleをRadio Buttonの横に追加します。
  3. それぞれのRadio ButtonのVariableプロパティを「ProfileForm.Record.Profile.Gender」に設定します。ここで選択された値は、フォームのProfile.Genderアトリビュートに保存されます。
  4. Radio ButtonのValueプロパティを[M]と[F]に適切に設定します。
  5. パブリッシュしてテストします。