動的ドロップダウン

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

チュートリアル

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

1. ワークフローに [シーケンス] アクティビティをドラッグ アンド ドロップします。この例では、「DynamicDropdowns」という名前を付けます。

2. 次の 2 つの変数を作成します。

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

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

4. シーケンスに [フォームを作成] アクティビティをドラッグ アンド ドロップします。

5. [フォーム フィールド コレクション] プロパティ メニューで、変数をフォームにバインドします。

   5.1.[方向] が [入力/出力] の String 型の引数を作成し、値を String 変数に設定します。この例では、値を country 変数に設定します。引数に country という名前を付けます。5.2.[方向] が [入力] の List<String> 型の引数を作成し、値を List<String> 変数に設定します。この例では、値を countryList 変数に設定します。引数に country_dropdownという名前を付けます。

注: country_dropdown 引数によってドロップダウン リストを動的にし、ドロップダウン リストに List<String> 型変数の要素を設定します。

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

6.1.フォーム デザイナーにドロップダウン リスト コンポーネントをドラッグ アンド ドロップします。

6.2.[フィールド キー] タブの [プロパティ名] フィールドに、String 型引数の名前を入力します。この例では、「country」と入力します。

6.3.コンポーネントを保存します。

7. フォームを保存します。

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

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

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

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

   

   
   

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

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

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

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

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

   3.1.データ グリッド コンポーネントを追加します。

   3.2.データ グリッド内にテキスト フィールド コンポーネントを追加します。

   3.3. データ グリッド内にドロップダウン リスト コンポーネントを追加します。

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

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

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

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

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

サンプル ワークフロー

ワークフロー全体を確認するか、今後の参考にするには、XAML の例をダウンロードしてください。