Skip to main content

モデル主導型UIコントロール

Constellationでは、UIは主にデータモデルによって決定されます。データモデルには、アプリケーションデータモデルで定義されたデータオブジェクトと、それらをケースタイプデータモデルに関連付けるために使用されるデータリレーションフィールドタイプ(Embedded Data、Data Reference、Case Reference、Query)、およびケースタイプデータモデルで定義された単純なフィールドとフィールドタイプが含まれています。ビューを設定するときに使用できるUIコントロールは、フィールドによって決まりますが、さらに重要なのは、ケースタイプデータモデルで定義されている対応するフィールドタイプによって決まります。

次のセクションでは、Picklistフィールドタイプの簡単な例について説明します。

Picklistフィールドタイプ

ケースタイプデータモデルには、Picklistフィールドタイプのフィールドが含まれています。フィールドを作成するときに、フィールドタイプとしてPicklistを選択すると、そのフィールドのUI表示オプションが決まります。

  • ドロップダウンリスト - 選択できるレコードの数が限られており、一度に1つのレコードを表示する場合に最適です。
  • 検索ボックス – 複数のプロパティを表示する必要があり、選択できるレコードが多数ある場合に最適です。
  • ラジオボタン - 選択できるレコードの数が限られている場合に最適です。

次の図は、ケースタイプデータモデルで Incident Typeフィールドを設定するときにこれらのオプションがどのように提供されるかを示しています。

The Incident Type field with Picklist Field Type and listed Display as choices.

カスケードドロップダウンパターン

設定では、Picklistフィールドタイプで定義された2つの関連フィールドを使用して、カスケードドロップダウン設定を持つビューを定義できます。Picklistフィールドタイプは、カスケードドロップダウン設定パターンを使用して2つのフィールドを関連付けるためにも使用できます。

アプリケーションのビジネス要件では、多くの場合、1つのフィールドに関連付けられたオプションを、それより前のフィールドの選択に基づいて制限する必要があります。たとえば、次の図に示すように、業種名の選択は、Industry sectorフィールドで前に選択した内容に基づきます。

Example of a cascading dropdown.

Pegaの従来のアーキテクチャでは、開発者はDev Studioを使用して、変更時イベントとアクションセットを組み合わせて必要なUIコントロールを作成するセクションルールを定義します。

Constellationでは、Picklistフィールドタイプを使用してIndustry sectorフィールドを定義するだけです。次に、データページを設定して、Industry sectorパラメーターを含めます。2番目のIndustryフィールドもPicklistフィールドタイプであり、最初のフィールドの値を参照します。このカスケード設定により、最初のフィールドの選択に基づいて2番目のフィールドが動的に更新されます。このアプローチにより、データモデルの設定が容易になり、一貫性が維持されます。

最も一般的なケース管理パターンがデータモデル設定オプションに組み込まれており、これがConstellationの利点です。

補足: カスケードドロップダウンリストやConstellationを使用したその他の動的フォーム動作の詳細については、「Configuring dynamic field behavior」を参照してください。

追加のフィールドタイプとUIコントロールの関係

「データモデル - UIコントロール」設定アプローチは、Picklistフィールドタイプに固有のものではありません。各フィールドタイプには、独自のUIコントロールが関連付けられています。追加のフィールドタイプとそれに関連するUIコントロールには次のものがあります。 

Location

Locationフィールドタイプは、場所データを保存するために使用されます。ビューを作成する場合、LocationのUIコントロールは埋め込まれたGoogleマップになります。

補足: ロケーションフィールドの設定に関する詳細については、Configuring location fields」を参照してください。

Currency

Currencyフィールドタイプには通貨コードと、通貨の適切な小数点およびカンマ区切り文字が含まれているため、フィールドを通貨の参照に使用する場合は、DecimalフィールドタイプではなくCurrencyフィールドタイプが使用されます。

Text (single line)

Text (single line)フィールドタイプは、カンマ区切りが不要な数値フィールド(アカウント番号や顧客番号など)に使用されます。 さらに、テキストパターンに対するすぐに使用できる検証が含まれているため、EmailURLフィールドタイプをText (single line)の代わりに使用します。 

Embedded Data (List of Records)

Embedded Dataフィールドタイプは、データオブジェクトとケースタイプ間の関係を作成するために使用されます。Embedded Dataフィールドタイプのフィールドでは、ユーザーが入力したレコードまたはレコードのリストがケースインスタンスに関連付けられます。 

Embedded Dataフィールドタイプは次のモードをサポートしています。 

  • 単一レコード
  • レコードのリスト

ビューを作成する場合、埋め込まれたレコードリストのUIコントロールオプションは、「table」または「Field Group」です。次の図に示すように、フィールドが編集可能または読み取り専用に設定されているかどうかに応じて、テーブルの表示が異なります。

編集可能なテーブル:

Example of an editable table.

読み取り専用テーブル:

Example of a Read-only table.

さらに、フィールドグループアプローチは、埋め込まれたレコードのリストを表示する別の方法を提供します。フィールドグループは、リスト内の各レコードをより構造化して詳細に表示する必要がある場合に便利です。テーブルとフィールドグループのどちらを使用するかは、提示する必要があるデータの複雑さと形式によって決まります。テーブルは単純なデータに最適ですが、フィールドグループは、各レコードに詳細情報用の複数のフィールドが必要な複雑なデータ構造に適しています。

補足: フィールドグループと関連する設定の詳細については、「Configuring field groups」を参照してください。

ケース参照

Case Referenceフィールドタイプは、現在のケース内から以前に作成されたケースを簡単に選択し、ケース間の関係を作成するために使用されます。Case ReferenceのUIコントロールオプションは、次の図に示すように、オートコンプリート、ドロップダウン、およびテーブルです。

Case Referenceの表:

A Case Reference table example.

Case Referenceのドロップダウン:

A Case Reference dropdown example.

Case Referenceのオートコンプリート:

A Case Reference autocomplete example.

データ参照

Data Referenceフィールドタイプは、Pegaデータベースまたは外部システムオブレコードからレコードが取得されるデータオブジェクトに関連する情報を簡単に検索および選択するために使用されます。

Data Referenceフィールドタイプは次のモードをサポートしています。

  • 単一レコード
  • レコードのリスト
  • 多対多

各モードには独自のUIコントロールが関連付けられています。たとえば、レコードのリストモードでは、テーブル、シンプルテーブル、コンボボックス、チェックボックスグループがサポートされており、その一部が次の図に表示されています。

データ参照の簡単な表:

Example of a Data Reference simple table.

データ参照コンボボックス:

Example of a Data Reference combobox.

データ参照チェックボックスグループ:

Example of a Data Reference checkbox group.

 Query

Queryフィールドタイプは、アプリケーションが保存し、ケースタイプ外から取得するデータページまたはビューから単一または複数のレコードを取得するために使用されます。データページでは、Queryデータリレーションシップが使用するように設定されているパラメータを定義します。

補足: フィールドタイプ、Constellationでの関連設定、およびそれぞれの例の詳細については、「Configuring fields」を参照してください。

これは、データモデル設定とそれに関連するUIコントロールおよび動作の小さなサンプルです。

ケースタイプデータモデルで定義されたフィールドと設定は、Constellationと組み合わせて、チャネルやアプリケーション全体で明確かつ一貫したユーザーエクスペリエンスを実現するUIを定義します。

期待されるビジネス成果を最大限に達成できるようにデータオブジェクト、フィールド、フィールドタイプを設計およびモデル化すると、UIがほぼ自動的に構築されます。 

以下のインタラクションで理解度をチェックしてください。


このトピックは、下記のモジュールにも含まれています。

トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。

このコンテンツは役に立ちましたか?

このコンテンツは 100% のユーザーにとって役に立ちました。

改善できるところはありますか?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice