アクティビティ
最新
バナーの背景画像
ワークフローに関するアクティビティ
最終更新日 2024年4月22日

動的ドロップダウン

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

チュートリアル

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

  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"
    }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");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 をダウンロードできます。

  • チュートリアル
  • サンプル ワークフロー

Was this page helpful?

サポートを受ける
RPA について学ぶ - オートメーション コース
UiPath コミュニティ フォーラム
UiPath ロゴ (白)
信頼とセキュリティ
© 2005-2024 UiPath. All rights reserved.