単一選択

画面サイズ

プロパティー名の横に画面サイズ・アイコン がある構成プロパティーは、画面サイズごとに異なる値を持つことができます。 値を設定しない場合、画面サイズはそのデフォルト値として次に大きい画面サイズの値を継承します。

テーマ定義

テーマ定義は、ビューの色およびスタイルを指定し、その外観を決定します。 ビューのルック・アンド・フィールをテーマ・エディターでプレビューできます。 テーマを参照してください。

以下の表に、単一選択ビューの外観構成プロパティーを示します。

以下の表に、単一選択ビューの動作構成プロパティーを示します。

「静的リスト」には、以下の名前と値のペアがあります。実行時の結果は次のようになります。

単一選択ビューには、以下のプロパティーがあります。

• 「一般」 > 「共通」 > 「ラベル」は Itemです。
• 「一般」 > 「共通」 > 「コントロール ID」 は Itemです。
• 「構成」 > 「動作」 > プレースホルダー は Select Itemです。
• 構成 > 「項目」 > 項目ルックアップ・モード は、 「静的リストからの項目」です。
• 構成 > 「項目」 > 静的リスト には、以下の項目があります。
  • 「名前」 は .50、 「値」 は Appleです。
  • 「名前」 は .75、 「値」 は Orangeです。
  • 「名前」 は .25、 「値」 は Bananaです。

整数ビューには、以下のプロパティーがあります。

• 「一般」 > 「ラベル」 は 「数量」です。
• 「一般」 > 「コントロール ID」 は 「数量」です。

10 進数ビューには、以下のプロパティーがあります。

• 「一般」 > 「ラベル」 は 「合計」です。
• 「動作」 > 「小数点以下の桁数」 は 2です。
• イベント > 値の数式 には、以下の項目があります。

  @{Item}*@{Quantity}

  ここで、Item は単一選択ビューのコントロール ID、Quantity は整数ビューのコントロール ID です。

実行時に、以下の画面が表示されます。

項目を選択して数量を入力し、「OK」をクリックします。 結果は次のとおりです。「単一選択」ビューの「名称」フィールドに数値が表示されているため、数量と選択されたアイテムによって合計を判別できます。 「合計」フィールドの値は、単価 (単一選択ビューの 「コントロール ID」) に数量 (整数ビューの「コントロール ID」) を乗算したものです。

Coach またはページには、以下の構成プロパティーを含む単一選択ビューがあります。

• 「構成」 > 「動作」 > 「ラベル」 は Grocery Listです。
• 「構成」 > 「動作」 > プレースホルダー は 「項目の選択」です。
• 「構成」 > 「項目」 > 項目ルックアップ・モード は、 「サービスからの項目」です。
• 「構成」 > 「項目」 > 「項目のリスト」サービス は Retrieve Items Serviceです。

  注意: サービス・フローを作成するには、「リスト項目サービス」オプションの隣にある「新規」をクリックしてください。

• 構成 > 項目 > 項目選択データ には、以下の設定があります。
  • 値プロパティー は nameです。
  • 表示プロパティー は valueです。

このサービス・フローは、「項目の取得サービス (Retrieve Items Service)」という名前で、開始イベント、サーバー・スクリプト、および終了イベントが互いにワイヤリングされています。 サーバー・スクリプトには、変数を初期化する以下のコードが含まれています。

tw.local.results = new tw.object.listOf.NameValuePair();

tw.local.results[0] = new tw.object.NameValuePair();
tw.local.results[0].name = "Item 0";
tw.local.results[0].value = "Milk";

tw.local.results[1] = new tw.object.NameValuePair();
tw.local.results[1].name = "Item 1";
tw.local.results[1].value = "Bread";

tw.local.results[2] = new tw.object.NameValuePair();
tw.local.results[2].name = "Item 2";
tw.local.results[2].value = "Bananas";

tw.local.results[3] = new tw.object.NameValuePair();
tw.local.results[3].name = "Item 3";
tw.local.results[3].value = "Rice";

実行時の結果は次のようになります。

これは選択可能な項目のリストです。項目のリストがサービス・フローから取得されます。 リストに表示されるプロパティーは、「項目選択データ」の下の「表示プロパティー」オプションで決定されます。 「表示プロパティー」として name と入力すると、項目 0、項目 1 などが選択リストに表示されます。

項目を選択すると、その項目が「項目」フィールドに表示されます。「項目」フィールドの値は、「ビジネス・データ・マッピング」の下の「表示プロパティー」オプションによって決定されます。これは、「単一選択」ビューの出力として使用されるプロパティーでもあります。

Customer ビジネス・オブジェクトの構造を以下に示します。

• タイプStringのIDパラメーター。
• タイプStringのfirstnameパラメーター。
• タイプStringのlastnameパラメーター。

cust[] リスト・オブジェクトには、以下のデフォルト値があります。

var autoObject = [];
autoObject[0] = {};
autoObject[0].ID = "000";
autoObject[0].firstName = "Pierre";
autoObject[0].lastName = "de Fermat";
autoObject[1] = {};
autoObject[1].ID = "001";
autoObject[1].firstName = "Isaac";
autoObject[1].lastName = "Newton";
autoObject[2] = {};
autoObject[2].ID = "002";
autoObject[2].firstName = "John";
autoObject[2].lastName = "Venn";
autoObject

Coach またはページの単一選択ビューには、以下のプロパティーがあります。

• 「一般」 > 「ラベル」 は Nameです。
• 「一般」 > 「バインディング」 は output.firstNameです。
• 「構成」 > 「動作」 > 「プレースホルダー」 は 「名前の選択」です。
• 構成 > 「項目」 > 「項目ルックアップ・モード」 は、 「構成オプションからの項目」です。
• 「構成」 > 「項目」 > 「項目入力データ」 は Customer[]です。
• 構成 > 項目 > 項目選択データ には、以下の設定があります。
  • 値プロパティー は IDです。
  • 表示プロパティー は firstNameです。
• 「構成」 > 「項目」 > 「出力ビジネス・データ」 には、以下の設定があります。
  • 値プロパティー は IDです。
  • 表示プロパティー は firstNameです。

テキスト・ビューには、以下のプロパティーがあります。

• 「一般」 > 「ラベル」 は Textです。
• 「一般」 > 「バインディング」 は cust.listSelected.firstNameです。

実行時の結果は次のようになります。選択すると、選択した名前がテキスト・ビューに取り込まれます。