ドキュメントAEM 6.5ユーザーガイド

再利用可能なコンポーネントの説明 description-of-reusable-components

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • 管理者
  • ユーザー
  • 開発者

AEM Forms Workspace は、再利用可能なコンポーネントで構成されており、これらのコンポーネントは CRX™ 内の固有のフォルダー構造内に整理されています。各コンポーネントには、フォルダー構造内の指定場所にあるモデル、表示、テンプレートファイル、他のコンポーネントファイルの JavaScript™ 依存関係、コンポーネントがリッスンするイベント、および AEM Forms Workspace 内でこれらのイベントをトリガーする JavaScript オブジェクトがあります。再利用可能なコンポーネントの完全なリストを、それらの構成ファイル名と依存関係と共に、以下に示します。

TaskList tasklist

モデル
tasklist.js
表示
tasklist.js
テンプレート
tasklist.html
コンポーネントが必要

  • UserSearch

  • タスク

  • Teamtask

JS の依存関係

  • タスクモデル

  • teamtask モデル

リスンされているイベント（イベント名 – トリガー）

  • filterSelected - tasklist モデル

  • 削除 - tasklist モデル

  • updateQueue - tasklist モデル

NOTE
カスタムアプリケーションからこのコンポーネントの filterSelected イベントをトリガーする場合、このコンポーネントは AEM Forms ワークスペースとは独立して使用できます。

タスク task

モデル
task.js
表示
task.js
テンプレート
task.html
コンポーネントが必要
該当なし
JS の依存関係

  • tasklist モデル

  • taskactions ユーティリティ

リスンされているイベント（イベント名 – トリガー）

  • submitComplete - タスクモデル

  • 却下 - タスクモデル

NOTE
Workspace は、TaskList モデルの fetchTask 関数を呼び出して、このコンポーネントのタスクモデルを作成します。

FilterList filterlist

モデル
tasklist.js
表示
filterlist.js
テンプレート
filterlist.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）

  • 取得済み - tasklist モデル

  • 削除 - tasklist モデル

  • updateQueue - tasklist モデル

  • refreshedQueue - tasklist モデル

  • filterSelected - tasklist モデル

フィルター filter

表示
filter.js
テンプレート
filter.html
コンポーネントが必要
該当なし
JS の依存関係

  • フィールド：キュー：{ name, qid, isDefault, type}

  • フィールド：クエリ：文字列

  • フィールド：parentView：filterlist ビュー

  • フィールド：parentModel：tasklist モデル

  • フィールド：ユーティリティ

リッスンされているイベント
該当なし

TeamQueues teamqueues

モデル
tasklist.js
表示
teamqueues.js
テンプレート
teamqueues.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）

  • 取得済み - tasklist モデル

  • 削除 - tasklist モデル

  • updateQueue - tasklist モデル

  • teamQueuesFetched - tasklist モデル

TeamFilter teamfilter

モデル
該当なし
表示
teamfilter.js
テンプレート
teamfilter.html
コンポーネントが必要
該当なし
JS の依存関係

  • 拡張：フィルタービュー

  • フィールド：キュー：{ name, qid, isDefault, type }

  • フィールド：クエリ：文字列

  • フィールド：parentView：filterlist ビュー

  • フィールド：parentModel：tasklist モデル

  • フィールド：ユーティリティ

リッスンされているイベント
該当なし
NOTE
TeamFilter は、TaskList コンポーネントから選択されているタスクを示すイベントを取得します。これらのコンポーネントはモデルクラスを共有しますが、依存関係はありません。

TaskDetails taskdetails

モデル
tasklist.js
表示
taskdetails.js
テンプレート
taskdetails.html
コンポーネントが必要
ほとんどのユーティリティクラス
JS の依存関係

  • processinstancehistory.html

  • formrendering ユーティリティ

  • ノートユーティリティ

  • 添付ユーティリティ

  • taskactions ユーティリティ

  • 履歴ユーティリティ

リスンされているイベント（イベント名 – トリガー）

  • 転送済み - タスクモデル

  • 共有済み - タスクモデル

  • 問い合わせ済み - タスクモデル

  • 拒否済み - タスクモデル

  • 中止済み - タスクモデル

  • ロック解除済み - タスクモデル

  • ロック済み - タスクモデル

  • 要求済み - タスクモデル

  • change:taskselected - tasklist モデル

  • change:formUrl - タスクモデル

  • attachmentURLFetched - タスクモデル

  • newAttachment - タスクモデル

  • taskHistoryFetched - タスクモデル

  • prepareForSubmitComplete - タスクモデル

  • submitComplete - タスクモデル

CategoryList categorylist

モデル
categorylist.js
表示
categorylist.js
テンプレート
startprocess.html（ルートフォルダー内）
コンポーネントが必要
カテゴリ
JS の依存関係

  • favoritecategoryfactory モデル

  • allcategoryfactory モデル

リスンされているイベント（イベント名 – トリガー）

  • allStartpointsFetched - categorylist モデル

  • 追加 - categorylist モデル

NOTE
このコンポーネントは、StartPointList、StartPoint、Task など、他の一部のコンポーネントのモデルクラスを使用します。この依存関係以外に、CategoryList を独立して使用することもできます。

カテゴリ category

モデル
category.js
表示
category.js
テンプレート
category.html
コンポーネントが必要
該当なし
JS の依存関係

  • categorylist モデル

  • startpointlist モデル

リスンされているイベント（イベント名 – トリガー）

  • 変更済み - カテゴリモデル

  • childrenFetched - カテゴリモデル

  • category:selected - categorylist モデル

StartPointList startpointlist

モデル
categorylist.js
表示
startpointlist.js
テンプレート
startprocess.html（ルートフォルダー内）
コンポーネントが必要
該当なし
JS の依存関係

  • カテゴリモデル

  • favoritecategoryfactory モデル

  • allcategoryfactory モデル

  • startpoint ビュー

  • startpointlist モデル

  • startpoint モデル

  • タスクモデル

  • タスクモデル

  • tasklist モデル

  • teamtask モデル

リスンされているイベント（イベント名 – トリガー）

  • category:selected - categorylist モデル

  • allStartpointsFetched - categorylist モデル

NOTE
StartPointList と CategoryList コンポーネントはモデルクラスを共有するため、前者は後者に依存します。CategoryList は、どのカテゴリの開始ポイントが表示されるかについての情報にアクセスします。StartPointList を独立して使用するには、CategoryList からイベントトリガーをシミュレートします。

StartPoint startpoint

モデル
startpoint.js
表示
startpoint.js
テンプレート
startpoint.html
コンポーネントが必要
該当なし
JS の依存関係
タスクモデル
リスンされているイベント（イベント名 – トリガー）
変更 - startpoint モデル

StartProcess startprocess

モデル
categorylist.js
表示
startprocess.js
テンプレート
startprocess.html
コンポーネントが必要

  • ほとんどのユーティリティクラス

  • UserSearch

JS の依存関係

  • カテゴリモデル

  • favoritecategoryfactory モデル

  • allcategoryfactory モデル

  • formrendering ユーティリティ

  • ノートユーティリティ

  • 添付ユーティリティ

  • taskactions ユーティリティ

リスンされているイベント（イベント名 – トリガー）

  • category:selected - categorylist モデル

  • change:invokedTask - startpointlist モデル

  • change:formUrl - タスクモデル

  • startpoint:selected - startpointlist モデル

  • 転送済み - タスクモデル

  • 中止済み - タスクモデル

  • ロック解除済み - タスクモデル

  • ロック済み - タスクモデル

  • attachmentURLFetched - タスクモデル

  • newAttachment - タスクモデル

  • prepareForSubmitComplete - タスクモデル

  • submitComplete - タスクモデル

  • allStartpointsFetched - categorylist モデル

NOTE
StartProcess コンポーネントと StartPointList コンポーネントは、モデルクラスを共有します。このコンポーネントは、StartPointList から startpoint を選択すると関連が生じます。

ProcessNameList processnamelist

モデル
processnamelist.js
表示
processnamelist.js
テンプレート
tracking.html（ルートフォルダー内）
コンポーネントが必要
該当なし
JS の依存関係
processname モデル
リスンされているイベント（イベント名 – トリガー）

  • 追加 - processnamelist モデル

  • fetched:processnames - processnamelist モデル

  • 変更 - processnamelist モデル

NOTE
ProcessNameList は、他のコンポーネントに依存しません。ただし、他のコンポーネントに依存する ProcessInstanceList モデルクラスに内部的に依存します。したがって、ProcessNameList は、ProcessInstanceList、ProcessInstance、TaskList、Teamtask、Task など、多くのモデルクラスを使用します。これらの依存関係に加えて、ProcessNameList を独立して使用することもできます。

ProcessName processname

モデル
processname.js
表示
processname（processnamelist.js 内）
テンプレート
processname.html
コンポーネントが必要
該当なし
JS の依存関係
processinstancelist モデル
リスンされているイベント（イベント名 – トリガー）
変更 - processname モデル

ProcessInstanceList processinstancelist

モデル
processnamelist.js
表示
processinstancelist.js
テンプレート
tracking.html（ルートフォルダー内）
コンポーネントが必要
該当なし
JS の依存関係
processname モデル
リスンされているイベント（イベント名 – トリガー）

  • processname:selected - processnamelist モデル

  • processname:instancesfetched - processnamelist モデル

NOTE
ProcessInstanceList は、インスタンスを取得し表示するために、プロセス名を示す ProcessNameList からのイベントを期待します。ProcessInstanceList を独立して使用するには、イベントトリガーを個別にシミュレートします。

ProcessInstance processinstance

モデル
processinstance.js
表示
processnamelist.js 内部の processname
テンプレート
processinstance.html
コンポーネントが必要
該当なし
JS の依存関係
tasklist モデル
リスンされているイベント（イベント名 – トリガー）
変更 - processinstance モデル

ProcessInstanceHistory processinstancehistory

モデル
processnamelist.js
表示
processinstancehistory.js
テンプレート
processinstancehistory.html
コンポーネントが必要
該当なし
JS の依存関係

  • processname モデル

  • 履歴ユーティリティ

リスンされているイベント（イベント名 – トリガー）

  • processname:selected - processnamelist モデル

  • processinstance:selected - processinstancelist モデル

  • tasksFetched - processinstance モデル

NOTE
ProcessInstanceHistory は、どのプロセスインスタンスの履歴を表示するかどうかを示す ProcessInstanceList からのイベントを期待します。この依存関係に加えて、コンポーネントを独立して使用することもできます。

OutofOffice outofoffice

モデル
outofoffice.js
表示
outofoffice.js
テンプレート
outofoffice.html
コンポーネントが必要
UserSearch
JS の依存関係
usersearch ビュー
リスンされているイベント（イベント名 – トリガー）

  • outOfOfficeSettingsFetched - outofoffice モデル

  • outOfOfficeSettingsSaved - outofoffice モデル

  • processesFetched - outofoffice モデル

  • principalSelected - principalsearch ビュー

NOTE
OutofOffice は単独で使用可能です。

ShareQueue sharequeue

モデル
sharequeue.js
表示
sharequeue.js
テンプレート
sharequeue.html
コンポーネントが必要
UserSearch
JS の依存関係
usersearch ビュー
リスンされているイベント（イベント名 – トリガー）

  • queueAccessGranted - sharequeue モデル

  • queueAccessRequested - sharequeue モデル

  • grantedUsersFetched - sharequeue モデル

  • accessibleUsersFetched - sharequeue モデル

  • queueAccessRevoked - sharequeue モデル

  • queueAccessRemoved - sharequeue モデル

  • principalSelected - principalsearch ビュー

NOTE
ShareQueue は独立して使用可能です。

UISettings uisettings

モデル
uisettings.js
表示
uisettings.js
テンプレート
uisettings.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）

  • preferencesFetched - uisettings モデル

  • settingUpdated - uisettings モデル

NOTE
UISettings は独立して使用可能です。

AppNavigation appnavigation

モデル
appnavigation.js
表示
appnavigation.js
テンプレート
appnavigation.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リッスンされているイベント
該当なし
NOTE
AppNavigation は独立して使用可能です。

UserInfo userinfo

モデル
userinfo.js
表示
userinfo.js
テンプレート
userinfo.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）
  • userImageUrlFetched - userinfo モデル
  • sessionRenewed - userinfo モデル
  • sessionExpired - userinfo モデル
NOTE
UserInfo は独立して使用可能です。

WSError wserror

モデル
wserror.js
表示
wserror.js
テンプレート
wserror.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）
newWsError - wserror モデル

UserSearch usersearch

モデル
usersearch.js
表示
usersearch.js
テンプレート
usersearch.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）
  • principalSearched - principalsearch モデル
  • outOfOfficeInfoFetched - usersearch モデル

SearchTemplate searchtemplate

モデル
searchtemplate.js
表示
searchtemplate (in searchtemplatelist.js)
テンプレート
searchtemplate.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）
templateFetched- searchtemplate モデル

SearchTemplateList searchtemplatelist

モデル
searchtemplatelist.js
表示
searchtemplatelist.js
テンプレート
tracking.html（ルートフォルダー内）
コンポーネントが必要
該当なし
JS の依存関係
searchtemplate モデル
リスンされているイベント（イベント名 – トリガー）
change - searchtemplatelist モデル

SearchTemplateDetails searchtemplatedetails

モデル
searchtemplatelist.js
表示
searchtemplatedetails.js
テンプレート
searchtemplatedetails.html
コンポーネントが必要
該当なし
JS の依存関係
該当なし
リスンされているイベント（イベント名 – トリガー）
searchTemplate:selected - searchtemplate モデル
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2