動的ドロップダウン

フォーム デザイナーのドロップダウン リスト コンポーネントを使用して、フォームに動的ドロップダウン リストを追加できます。次のチュートリアルでは、国を表す要素を含む動的ドロップダウン リストを作成する方法について説明します。

チュートリアル

動的ドロップダウン リストを作成するには、以下の手順を実行します。

1. ワークフローに [シーケンス] アクティビティをドラッグ アンド ドロップします。この例では、「DynamicDropdowns」という名前を付けます。
2. 次の 2 つの変数を作成します。
   1. String 型変数を作成し、スコープを [シーケンス] アクティビティに設定します。この例では、変数に country という名前を付け、スコープを DynamicDropdowns に設定します。
   2. List<String> 型変数を作成し、スコープを [シーケンス] アクティビティに設定します。この例では、変数に countryList という名前を付け、スコープを DynamicDropdowns に設定します。
3. List<String> 変数の [既定] フィールド内に、国の名前を保持する String 型の新しいリストを作成します。たとえば、countryList 変数の [既定] フィールド内に、次の式を入力します。

   New List (Of String) From {
   "US",
   "India",
   "Romania"
   }
   

4. シーケンスに [フォームを作成] アクティビティをドラッグ アンド ドロップします。
5. [フォーム フィールド コレクション] プロパティ メニューで、変数をフォームにバインドします。
   1. [方向] が [入力/出力] の String 型の引数を作成し、値を String 変数に設定します。この例では、値を country 変数に設定します。引数に country という名前を付けます。
   2. <String>[ 方向の入力]List<String> を指定して List<String 型の引数を作成し>値を 変数として設定します。この例では、値を countryList 変数として設定します。引数に country_dropdownという名前を付けます。
      注:

      country_dropdown 引数を指定すると、ドロップダウン リストが動的になり、List<String> 変数の要素が設定されます。

6. フォーム デザイナーを開きます。
   1. フォーム デザイナーにドロップダウン リスト コンポーネントをドラッグ アンド ドロップします。
   2. [フィールド キー] タブの [プロパティ名] フィールドに、String 型引数の名前を入力します。この例では、「country」と入力します。
   3. コンポーネントを保存します。
7. フォームを保存します。

結果: ドロップダウン リスト コンポーネントに、手順 3 で作成した文字列のリストがオプションとして表示されます。

データ グリッド内に動的ドロップダウンを作成する

このチュートリアルでは、データ グリッド内に動的ドロップダウンを作成する方法を説明します。データ グリッド コンポーネントは、作成済みのデータ テーブルから取得したデータをフォーム内に表示します。データ グリッド内に動的ドロップダウンを作成するには、以下の手順を実行します。

1. [データ テーブルを構築] アクティビティを使用してデータ テーブルを作成します。この例では、データ テーブルを sampleDataTable という名前の変数として保存します。

   

2. ワークフローに [コードを呼び出し] アクティビティを追加し、[言語] を [CSharp] に設定します。

   1. [コードを編集] を選択して文字列のリストを作成し、そこにドロップダウン リストに動的に表示するオプションを追加します。たとえば、コード エディター内に以下のコードを追加します。

      countryListInitialized = new List<string>();
      countryListInitialized.Add("USA");
      countryListInitialized.Add("India");
      countryListInitialized.Add("Romania");
      countryListInitialized.Add("Dubai");
      

   2. [引数を編集] を選択し、作成した文字列のリストを変数内に格納する引数を作成します。この変数を、後でワークフロー内で使用できます。引数の名前は、コード エディターで作成したリストと同じ名前にする必要があります。この例では、countryListInitialized という名前の引数を作成します。[方向] を In/Out、[型] を List<String>、[値] を List<String> 型変数に設定します。この例では、変数に countryListVariable という名前を付けます。

3. ワークフローに [フォームを作成] アクティビティを追加します。

   1. データ グリッド コンポーネントを追加します。
   2. データ グリッド内にテキスト フィールド コンポーネントを追加します。
   3. データ グリッド内にドロップダウン リスト コンポーネントを追加します。

4. フォーム フィールド コレクションを開き、次の引数を作成してデータをフォームにバインドします。

   名前	方向	入力	値 (Value)	説明
   dataGridSample	入力/出力	データ テーブル	sampleDataTable	この引数で、データ テーブルのデータをフォーム内のデータ グリッド コンポーネントにバインドします。 この例では、データ テーブルは sampleDataTable 変数内に格納されます。
   countryList_dropdown	入力/出力	List<String>	countryListVariable	この引数は、文字列のリストのデータをフォーム内の ドロップダウン リスト* コンポーネントにバインドします。_dropdown のサフィックスを付けると、ドロップダウンが動的になります。この例では、文字列のリストは countryListVariable 変数に格納されます。
   countryList_parent	In	文字列	"dataGridSample"	この引数は、_parent サフィックスを使用し、値列内にデータ グリッド コンポーネントのフィールド キーを入力することにより、動的ドロップダウンをデータ グリッド コンポーネントにバインドします。この例では、dataGridSample はデータ グリッド コンポーネントの [フィールド キー] です。

5. フォーム デザイナーを開きます。

   1. データ グリッド コンポーネントのフィールド キーを、データ テーブルをフォームにバインドする引数として設定します。この例では、データ グリッド コンポーネントのフィールド キーを dataGridSample に設定します。
   2. テキスト フィールド コンポーネントのフィールド キーを、テキストを表すデータ テーブル列の名前に設定します。この例では、name に設定します。
   3. ドロップダウン リスト コンポーネントのフィールド キーを、文字列のリストをフォームにバインドする引数の名前に設定します。この例では、countryList に設定します。

6. 各コンポーネントとフォームを保存します。

結果: データ グリッドの列内のドロップダウン リスト コンポーネントに、手順 2 で作成した文字列のリストがオプションとして表示されます。

サンプル ワークフロー

ワークフローの完成品を確認するため、または今後の参考資料として、サンプル XAML をダウンロードできます。